fix: 修复语言列表宽度问题

Author: qianmoQ

src/components/Settings.vue

@@ -1,5 +1,5 @@
 <template>
-  <Modal v-model:show="isVisible" title="设置" size="4xl" :content-class="['min-h-[60vh]']" :close-on-backdrop="false" :close-on-esc="false" @close="closeSettings">
+  <Modal v-model:show="isVisible" title="设置" size="5xl" :content-class="['min-h-[60vh]']" :close-on-backdrop="false" :close-on-esc="false" @close="closeSettings">
     <Tabs v-model="activeTab"
           type="card"
           size="md"

src/components/setting/Language.vue

@@ -4,12 +4,12 @@
           type="card"
           size="md"
           position="left"
-          :tab-button-class="['w-48']"
+          :tab-button-class="['!p-1', '!justify-start']"
           :nav-class="['max-h-[70vh] overflow-y-auto']"
           :tabs="tabsPluginData"
           @change="handleTabChange">
       <template #tab-button="{ tab }">
-        <div class="flex w-full px-3 py-2 space-x-2">
+        <div class="flex items-center w-full h-full px-3 py-2 space-x-2">
           <Switch v-model="pluginEnabledStates[tab.key as string]"
                   size="sm"
                   @click.stop

src/ui/Tabs.vue

@@ -250,7 +250,7 @@ const getTabButtonClasses = (tab: Tab, _index: number) => {
 
   // 位置相关
   if (props.position === 'left' || props.position === 'right') {
-    baseClasses.push('my-0.5')
+    baseClasses.push('my-0.5', 'w-full')
   }
   else {
     baseClasses.push('mx-0.5')