fix: app version list add scrollbar

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,12 +254,17 @@ 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'>
+        <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 || '';
@@ -267,12 +272,16 @@ export const AppVersionFile = () => {
               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>
     </>
   );
 };