improved styling

ishubin · Nov 14, 2023 · af9ab47 · af9ab47
1 parent 896ff5d
commit af9ab47
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -269,12 +269,16 @@ ul.tabs li .tab {
     font-weight: bold;
     cursor: pointer;
     line-height: 1;
+    user-select: none;
 }
 @media (max-width: 900px) {
     ul.tabs li .tab {
         padding: 6px 10px;
     }
 }
+ul.tabs li .tab .tab-icon {
+    font-size: 9px;
+}
 ul.tabs li .tab.active, ul.tabs li .tab.active:hover {
     background: var(--faint-weak);
     border-bottom: 1px solid var(--faint-weak);
@@ -324,6 +328,7 @@ ul.tabs li .tab.disabled, ul.tabs li .tab.disabled:hover {
     transition: background-color 0.5s ease;
     box-sizing: border-box;
     line-height: 1.0;
+    user-select: none;
 }
 .btn:hover {
     background: var(--faint-weak);
@@ -1173,6 +1178,7 @@ ul.button-group.disabled > li, ul.button-group > li.disabled {
     display: inline-block;
     padding: 0;
     font-size: 0;
+    user-select: none;
 }
 .toggle-group > .toggle-button {
     color: var(--faint-strong);

diff --git a/src/ui/components/SchemeEditor.vue b/src/ui/components/SchemeEditor.vue
@@ -358,7 +358,7 @@
                                 :class="{active: currentTab === `extra:${tab.name}`}"
                                 @click="changeTab(`extra:${tab.name}`)"
                                 >
-                                <i v-if="tab.icon" :class="tab.icon"></i>
+                                <i v-if="tab.icon" class="tab-icon" :class="tab.icon"></i>
                                 <span v-else>{{tab.name}}</span>
                                 <span v-if="tab.count">({{tab.count}})</span>
                             </div>