perf: 💄 Optimize dark mode styles

viarotel-org · Mar 4, 2024 · 1cac054 · 1cac054
1 parent a4e2f49
commit 1cac054
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Device/components/ControlBar/index.vue b/src/components/Device/components/ControlBar/index.vue
@@ -206,7 +206,7 @@ export default {
 }
 
 .el-button.el-button-nav {
-  @apply p-0 rounded-none border-0 absolute z-10 inset-y-0 flex items-center justify-center opacity-0 bg-primary-100 hover:bg-primary-300 active:bg-primary-500 text-primary-600 hover:text-white w-4 group-hover:opacity-100 transition-opacity;
+  @apply p-0 rounded-none border-0 absolute z-10 inset-y-0 flex items-center justify-center opacity-0 bg-primary-100 dark:bg-gray-800 !hover:bg-primary-300 active:bg-primary-500 text-primary-600 hover:text-white w-4 group-hover:opacity-100 transition-opacity;
   &.prev {
     @apply left-0;
   }