From f186bcb7bd20aeca8c4495851a2314a4868ddb91 Mon Sep 17 00:00:00 2001 From: "mail.abhijeetmazumdar@gmail.com" <abhimazu@mazumac.local> Date: Thu, 20 Feb 2025 17:28:34 -0500 Subject: [PATCH] Moved the cancel download button inside the progressbar --- src/renderer/components/ModelZoo/ModelStore.tsx | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/renderer/components/ModelZoo/ModelStore.tsx b/src/renderer/components/ModelZoo/ModelStore.tsx index 7cfdfb67..f66ed7b2 100644 --- a/src/renderer/components/ModelZoo/ModelStore.tsx +++ b/src/renderer/components/ModelZoo/ModelStore.tsx @@ -227,15 +227,12 @@ export default function ModelStore() { > <Box sx={{ - display: 'flex', - alignItems: 'center', + position: 'relative', margin: '0.5rem 0 1rem 0', width: '100%', }} > - <Box sx={{ flexGrow: 1, marginRight: '1rem' }}> - <DownloadProgressBox jobId={jobId} assetName={currentlyDownloading} /> - </Box> + <DownloadProgressBox jobId={jobId} assetName={currentlyDownloading} /> {jobId && ( <Button variant="outlined" @@ -261,7 +258,9 @@ export default function ModelStore() { } }} sx={{ - marginLeft: '1rem', + position: 'absolute', + top: '1rem', + right: '1rem', fontSize: '0.75rem', padding: '0.25rem 0.5rem', }} -- GitLab