chore: 文件类型提示框从下方打开

Author: clansty

MaiChartManager/Front/src/components/ImportChartButton/SelectFileTypeTip.tsx

@@ -14,11 +14,11 @@ export default defineComponent({
       set: (val) => props.closeModal()
     })
 
-    return () => <NDrawer v-model:show={show.value} width={500} placement="right">
+    return () => <NDrawer v-model:show={show.value} height={350} placement="bottom">
       <NDrawerContent title="可以选择的文件类型">
         <NFlex vertical size="large">
-          包含以下文件的文件夹
-          <div class="grid cols-[2fr_1fr] justify-items-center h-50 gap-5">
+          包含以下文件的文件夹，或者，一个包含一些这样的文件夹的文件夹
+          <div class="grid cols-[2fr_1fr] justify-items-center h-50 gap-5 w-50%">
             <NFlex vertical align="center" class="w-full" size="small">
               <FileContentIcon type="maidata"/>
               maidata.txt
@@ -34,7 +34,6 @@ export default defineComponent({
               </NFlex>
             </div>
           </div>
-          或者，一个包含一些这样的文件夹的文件夹
         </NFlex>
       </NDrawerContent>
     </NDrawer>;

MaiChartManager/Front/src/components/MusicEdit/AcbAwb.tsx

@@ -101,9 +101,9 @@ export default defineComponent({
       {selectedADir.value !== 'A000' && <NButton secondary class={`${!props.song.isAcbAwbExist && "w-full"}`} onClick={uploadFlow} loading={load.value}>{props.song.isAcbAwbExist ? '替换' : '设置'}音频</NButton>}
 
       {/* 打开文件对话框一般在左上角，所以在右边显示一个 Drawer */}
-      <NDrawer v-model:show={tipShow.value} width={500} placement="right">
+      <NDrawer v-model:show={tipShow.value} height={200} placement="bottom">
         <NDrawerContent title="可以选择的文件类型">
-          <div class="grid cols-2 justify-items-center text-8em gap-10">
+          <div class="grid cols-4 justify-items-center text-8em gap-10">
             <FileTypeIcon type="WAV"/>
             <FileTypeIcon type="MP3"/>
             <FileTypeIcon type="OGG"/>