fix: 某些窗口大小下导入的弹窗超出屏幕

Author: clansty

MaiChartManager/Front/src/components/ChangelogModal/index.tsx

@@ -51,7 +51,7 @@ export default defineComponent({
       title={`${t('about.changelogTitle')} - v${changelogTargetVersion.value}`}
       v-model:show={showChangelogModal.value}
     >
-      <div class={[style.mdContent, 'cst of-y-auto of-x-hidden max-h-[80vh]']}>
+      <div class={[style.mdContent, 'cst of-x-hidden']}>
         {changelogContent.value
           ? <VueMarkdownIt source={changelogContent.value} />
           : <div class="text-center py-4 op-60">{t('common.loading')}</div>

MaiChartManager/Front/src/components/StartupErrorDialog.tsx

@@ -29,7 +29,7 @@ export default defineComponent({
       v-model:show={show.value}
       class="bg-#FCEEEE!"
     >
-      <div class="flex flex-col gap-2 max-h-70vh overflow-y-auto">
+      <div class="flex flex-col gap-2">
         <div class="flex flex-col gap-1">
           {errors.data.value?.data?.map((error) => {
             return <div>

MaiChartManager/Front/src/views/Charts/AssetDirsManager/CheckConflictButton/CheckContent.tsx

@@ -60,7 +60,7 @@ export default defineComponent({
       <Button onClick={requestDelete} disabled={!selectedIds.value.length}>{t('assetDir.conflict.deleteSelected')}</Button>
       {load.value ? <div class="c-neutral text-center p-4">Loading...</div> :
         data.value.length === 0 ? <div class="c-neutral text-center p-4">{t('assetDir.conflict.noConflict')}</div> :
-        <div class="of-y-auto max-h-70vh">
+        <div>
           <table class="w-full text-sm border-collapse">
             <thead>
               <tr class="border-b border-neutral/20">

MaiChartManager/Front/src/views/Charts/ImportCreateChartButton/ImportChartButton/ErrorDisplayIdInput.tsx

@@ -61,10 +61,9 @@ export default defineComponent({
         <ImportAlert errors={props.errors} tempOptions={props.tempOptions}></ImportAlert>
         {!!props.meta.length && <>
             <div>{t('chart.import.assignId')}</div>
-            <div class="of-y-auto cst max-h-[50dvh]">
-                <div class="flex flex-col gap-3">
-                  {props.meta.map((meta, i) => <MusicIdInput key={i} meta={meta} utage={props.savedOptions.genreId === UTAGE_GENRE}/>)}
-                </div>
+            {/* 高度交给 Modal 的 content 区统一滚动，这里不再单独限高，否则大窗口下也被压成半屏 */}
+            <div class="flex flex-col gap-3">
+              {props.meta.map((meta, i) => <MusicIdInput key={i} meta={meta} utage={props.savedOptions.genreId === UTAGE_GENRE}/>)}
             </div>
             <div>
               <div class="ml-1 text-sm">{t('music.edit.genre')}</div>

MaiChartManager/Front/src/views/Charts/ImportCreateChartButton/ImportChartButton/ImportAlert.tsx

@@ -22,8 +22,8 @@ export default defineComponent({
     })
 
     return () => <>
-      <div class="of-y-auto cst max-h-20vh">
-        <div class="flex flex-col gap-2">
+      {/* 不再单独限高，交给 Modal 的 content 区统一滚动，避免弹窗内套两层滚动条 */}
+      <div class="flex flex-col gap-2">
         {
           props.errors.map((error, i) => {
             if ('first' in error) {
@@ -86,15 +86,14 @@ export default defineComponent({
             </div>
           })
         }
-        </div>
       </div>
       <Modal
         width="min(70vw,70em)"
         title={t('common.detail')}
         show={!!detail.value}
         onUpdateShow={() => detail.value = undefined}
       >
-        <pre class="max-h-60vh of-auto cst whitespace-pre-wrap break-words text-xs font-mono">{detail.value}</pre>
+        <pre class="whitespace-pre-wrap break-words text-xs font-mono">{detail.value}</pre>
       </Modal>
     </>
   }