style: remove hover style in disable tab

3 years ago · 3b8dd132f5
parent 853222f50f
commit 3b8dd132f5
1 changed files with 8 additions and 6 deletions
--- a/web/src/components/PillTabs.less
+++ b/web/src/components/PillTabs.less
@ -14,13 +14,15 @@
      padding: 2px 8px;
      @apply text-gray-800 dark:text-gray-200 bg-black bg-opacity-0 dark:bg-white dark:bg-opacity-0;

-      &.ant-tabs-tab-active,
-      &:hover,
-      &:active {
-        @apply rounded bg-opacity-20;
+      &:not(.ant-tabs-tab-disabled) {
+        &.ant-tabs-tab-active,
+        &:hover,
+        &:active {
+          @apply rounded bg-opacity-20;

-        .ant-tabs-tab-btn {
-          @apply text-black dark:text-white ;
+          .ant-tabs-tab-btn {
+            @apply text-black dark:text-white ;
+          }
        }
      }
    }