feat: Improve settings tab UI style

ai-shifu · Jun 29, 2023 · 78176f2 · 78176f2 · vercel · Jun 29, 2023
1 parent e8ca5e5
commit 78176f2
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
@@ -16,7 +16,7 @@
       </v-toolbar>
       <v-row>
         <v-col cols="2">
-          <v-tabs v-model="tab" direction="vertical">
+          <v-tabs v-model="tab" direction="vertical" color="primary">
             <v-tab value="general">{{ $t("settings.general") }}</v-tab>
             <v-tab value="proxy">{{ $t("proxy.name") }}</v-tab>
             <v-tab
@@ -173,4 +173,9 @@ const closeDialog = () => {
 :deep() .v-slider-thumb__label {
   color: rgb(var(--v-theme-font));
 }
+
+/* Keep the orignal case of tab names */
+.v-btn {
+  text-transform: none !important;
+}
 </style>