fix: improve CSS

snapshot-labs · Jul 23, 2024 · 7aa9f37 · 7aa9f37
1 parent 1e6a506
commit 7aa9f37
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/apps/ui/src/components/Ui/Composer.vue b/apps/ui/src/components/Ui/Composer.vue
@@ -121,7 +121,7 @@ $toolBarHeight: 43px;
 
 .s-base {
   textarea.s-input {
-    border-top-width: $toolBarHeight + 8px;
+    @apply border-t-[#{$toolBarHeight}];
   }
 
   .s-toolbar {
@@ -130,10 +130,10 @@ $toolBarHeight: 43px;
     &.s-label::before {
       @apply top-[#{$toolBarHeight}];
     }
+  }
 
-    .s-error & :not(.s-label-char-count) {
-      @apply text-skin-text;
-    }
+  &.s-error .s-toolbar :not(.s-label-char-count) {
+    @apply text-skin-text;
   }
 }
 </style>