refactor: change panel expansion indicator (#516)

mainsail-crew · Jan 6, 2022 · 8acf2b3 · 8acf2b3
1 parent 3d14e8b
commit 8acf2b3
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/ui/Panel.vue b/src/components/ui/Panel.vue
@@ -8,9 +8,8 @@
     .btn-collapsible i::before {
         transition: transform 500ms;
     }
-
-    .icon-rotate-180:before {
-        transform: rotate(180deg);
+    .icon-rotate-90:before {
+        transform: rotate(90deg);
     }
 </style>
 
@@ -55,7 +54,7 @@
                     class="btn-collapsible"
                     :ripple="true"
                 >
-                    <v-icon :class="(!expand ? 'icon-rotate-180' : '')">mdi-chevron-down</v-icon>
+                    <v-icon :class="(expand ? '' : 'icon-rotate-90')">mdi-chevron-down</v-icon>
                 </v-btn>
             </v-toolbar-items>
         </v-toolbar>