kevisual/kevisual-center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: app version list add scrollbar

Browse Source
This commit is contained in:
xion 2024-10-17 01:55:28 +08:00
parent 827845509a
commit d63fd0993c
1 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/app/edit/AppVersionList.tsx
View File

@ -216,9 +216,9 @@ export const AppVersionList = () => {
</div> </div>
</div> </div>
</div> </div>
<div className='flex-shrink'> <div className='flex-shrink h-full'>
{isUpload && ( {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'> <div className='header flex items-center gap-2'>
<Tooltip title='返回'> <Tooltip title='返回'>
<Button <Button
@ -254,12 +254,17 @@ export const AppVersionFile = () => {
return ( return (
<> <>
<div>version: {versionStore.formData.version}</div> <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'> <div className='flex gap-2 items-center border-b py-2 px-2'>
Files Files
<FileUpload /> <FileUpload />
</div> </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) => { {versionFiles.map((file, index) => {
const prefix = versionStore.formData.key + '/' + versionStore.formData.version + '/'; const prefix = versionStore.formData.key + '/' + versionStore.formData.version + '/';
const _path = file.path || ''; const _path = file.path || '';
@ -267,12 +272,16 @@ export const AppVersionFile = () => {
return ( return (
<div className='flex gap-2 px-4 py-2 border-b' key={index}> <div className='flex gap-2 px-4 py-2 border-b' key={index}>
{/* <div className='w-[100px] truncate'>{file.name}</div> */} {/* <div className='w-[100px] truncate'>{file.name}</div> */}
<div>
<FileOutlined />
</div>
<div>{path}</div> <div>{path}</div>
</div> </div>
); );
})} })}
</div> </div>
</div> </div>
</div>
</> </>
); );
}; };