From d63fd0993cbbda8889627d3a18ee9d6af876cbbb Mon Sep 17 00:00:00 2001
From: xion <xiongxiao1012@outlook.com>
Date: Thu, 17 Oct 2024 01:55:28 +0800
Subject: [PATCH] fix: app version list add scrollbar

---
 src/pages/app/edit/AppVersionList.tsx | 39 ++++++++++++++++-----------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/pages/app/edit/AppVersionList.tsx b/src/pages/app/edit/AppVersionList.tsx
index 65e29ed..9dcefda 100644
--- a/src/pages/app/edit/AppVersionList.tsx
+++ b/src/pages/app/edit/AppVersionList.tsx
@@ -216,9 +216,9 @@ export const AppVersionList = () => {
           </div>
         </div>
       </div>
-      <div className='flex-shrink'>
+      <div className='flex-shrink h-full'>
         {isUpload && (
-          <div className='bg-white p-2 w-[600px]'>
+          <div className='bg-white p-2 w-[600px] h-full flex flex-col'>
             <div className='header flex items-center gap-2'>
               <Tooltip title='返回'>
                 <Button
@@ -254,23 +254,32 @@ export const AppVersionFile = () => {
   return (
     <>
       <div>version: {versionStore.formData.version}</div>
-      <div className='border rounded-md my-2'>
+      <div className='border rounded-md my-2 flex-grow overflow-hidden'>
         <div className='flex gap-2 items-center border-b py-2 px-2'>
           Files
           <FileUpload />
         </div>
-        <div className='mt-2'>
-          {versionFiles.map((file, index) => {
-            const prefix = versionStore.formData.key + '/' + versionStore.formData.version + '/';
-            const _path = file.path || '';
-            const path = _path.replace(prefix, '');
-            return (
-              <div className='flex gap-2 px-4 py-2 border-b' key={index}>
-                {/* <div className='w-[100px] truncate'>{file.name}</div> */}
-                <div>{path}</div>
-              </div>
-            );
-          })}
+        <div
+          className='mt-2 '
+          style={{
+            height: 'calc(100% - 40px)',
+          }}>
+          <div className='h-full overflow-auto mb-4 pb-8 scrollbar'>
+            {versionFiles.map((file, index) => {
+              const prefix = versionStore.formData.key + '/' + versionStore.formData.version + '/';
+              const _path = file.path || '';
+              const path = _path.replace(prefix, '');
+              return (
+                <div className='flex gap-2 px-4 py-2 border-b' key={index}>
+                  {/* <div className='w-[100px] truncate'>{file.name}</div> */}
+                  <div>
+                    <FileOutlined />
+                  </div>
+                  <div>{path}</div>
+                </div>
+              );
+            })}
+          </div>
         </div>
       </div>
     </>