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

39
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,23 +254,32 @@ 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
{versionFiles.map((file, index) => { className='mt-2 '
const prefix = versionStore.formData.key + '/' + versionStore.formData.version + '/'; style={{
const _path = file.path || ''; height: 'calc(100% - 40px)',
const path = _path.replace(prefix, ''); }}>
return ( <div className='h-full overflow-auto mb-4 pb-8 scrollbar'>
<div className='flex gap-2 px-4 py-2 border-b' key={index}> {versionFiles.map((file, index) => {
{/* <div className='w-[100px] truncate'>{file.name}</div> */} const prefix = versionStore.formData.key + '/' + versionStore.formData.version + '/';
<div>{path}</div> const _path = file.path || '';
</div> 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>
</div> </div>
</> </>