Merge pull request #666 from MoYingJi/pr/s

style(setting): 优化本地目录样式

Author: imsyy

src/components/Setting/LocalSetting.vue

@@ -26,14 +26,15 @@
             <template #icon>
               <SvgIcon name="Folder" />
             </template>
-            更改
+            添加
           </n-button>
         </n-flex>
         <n-collapse-transition :show="settingStore.localFilesPath.length > 0">
           <n-card
             v-for="(item, index) in settingStore.localFilesPath"
             :key="index"
             class="set-item"
+            content-style="padding: 4px 16px"
           >
             <div class="label">
               <n-text class="name">{{ item }}</n-text>
@@ -61,14 +62,15 @@
             <template #icon>
               <SvgIcon name="Folder" />
             </template>
-            更改
+            添加
           </n-button>
         </n-flex>
         <n-collapse-transition :show="settingStore.localLyricPath.length > 0">
           <n-card
             v-for="(item, index) in settingStore.localLyricPath"
             :key="index"
             class="set-item"
+            content-style="padding: 4px 16px"
           >
             <div class="label">
               <n-text class="name">{{ item }}</n-text>

src/views/Local/layout.vue

@@ -123,7 +123,7 @@
             <SvgIcon :size="20" name="Folder" />
           </template>
           <template #suffix>
-            <n-button quaternary @click="changeLocalMusicPath(index)">
+            <n-button :focusable="false" quaternary @click="changeLocalMusicPath(index)">
               <template #icon>
                 <SvgIcon :size="20" name="Delete" />
               </template>