fix: reverse plus minus icon states

data-preservation-programs · Sep 7, 2023 · 5a3496f · 5a3496f
1 parent 8605080
commit 5a3496f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/plus-minus-icon.vue b/components/plus-minus-icon.vue
@@ -36,17 +36,17 @@ const props = defineProps({
 
 <style lang="scss" scoped>
 .plus {
-  opacity: 0;
+  opacity: 1;
   @include transitionDefault;
 }
 
 .plus-minus-icon {
   @include transitionDefault;
-  transform: rotate(0deg);
+  transform: rotate(90deg);
   &.active {
-    transform: rotate(90deg);
+    transform: rotate(180deg);
     .plus {
-      opacity: 1;
+      opacity: 0;
     }
   }
 }