fix: arrows disappeared! :(

vuejs · Feb 5, 2024 · c32f785 · c32f785
1 parent bf5db9e
commit c32f785
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/packages/app-frontend/src/assets/style/index.postcss b/packages/app-frontend/src/assets/style/index.postcss
@@ -112,3 +112,15 @@ html, body, #app {
     }
   }
 }
+
+/* Arrows */
+
+.arrow {
+  @apply inline-block w-0 h-0 transition-transform duration-150 ease-out text-gray-500;
+
+  &.right {
+    border-top: 4px solid transparent;
+    border-bottom: 4px solid transparent;
+    border-left: 6px solid currentColor;
+  }
+}
diff --git a/packages/app-frontend/src/assets/style/index.styl b/packages/app-frontend/src/assets/style/index.styl
@@ -45,17 +45,16 @@ button:focus
   &.active
     background-color $active-color
     color #fff
+    .item-name,
     .arrow
-      border-left-color #fff
-    .item-name
       color #fff
 
   .vue-ui-dark-mode &
     background-color $dark-background-color
     &:hover
       background-color $dark-hover-color
       .arrow
-        border-left-color #666
+        color theme('colors.gray.600')
     &.selected,
     &.active
       color #fff