BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: constrain oversized loading spinners (#1326)

Browse Source 
Prevents loading icons from rendering too large
Adds explicit sizing to file and diff loading states
This commit is contained in:
Bohdan Triapitsyn
2026-05-19 14:33:42 +03:00
parent fd81c23414
commit 0f015a495b
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/layout/SidebarFilesTree.tsx
+1 -1
View File
@@ -941,7 +941,7 @@ export const SidebarFilesTree: React.FC = () => {
onClick={() => void handleDialogSubmit()} onClick={() => void handleDialogSubmit()}
disabled={isDialogSubmitting || (activeDialog !== 'delete' && !dialogInputValue.trim())} disabled={isDialogSubmitting || (activeDialog !== 'delete' && !dialogInputValue.trim())}
> >
{isDialogSubmitting ? <Icon name="loader-4" className="animate-spin" /> : ( {isDialogSubmitting ? <Icon name="loader-4" className="size-4 animate-spin" /> : (
activeDialog === 'delete' ? t('sidebarFilesTree.dialog.delete.confirm') : t('sidebarFilesTree.dialog.confirm') activeDialog === 'delete' ? t('sidebarFilesTree.dialog.delete.confirm') : t('sidebarFilesTree.dialog.confirm')
)} )}
</Button> </Button>
packages/ui/src/components/views/DiffView.tsx
+3 -3
View File
@@ -895,7 +895,7 @@ const MultiFileDiffEntry = React.memo<MultiFileDiffEntryProps>(({
) : null} ) : null}
{isLoading && !diffData && !diffLoadError ? ( {isLoading && !diffData && !diffLoadError ? (
<div className="flex items-center justify-center gap-2 px-4 py-8 text-sm text-muted-foreground"> <div className="flex items-center justify-center gap-2 px-4 py-8 text-sm text-muted-foreground">
<Icon name="loader-4" className="animate-spin" /> <Icon name="loader-4" className="size-4 animate-spin" />
Loading diff… Loading diff…
</div> </div>
) : null} ) : null}
@@ -1629,7 +1629,7 @@ export const DiffView: React.FC<DiffViewProps> = ({
if (isLoadingStatus && !status) { if (isLoadingStatus && !status) {
return ( return (
<div className="flex flex-1 items-center justify-center gap-2 text-sm text-muted-foreground"> <div className="flex flex-1 items-center justify-center gap-2 text-sm text-muted-foreground">
<Icon name="loader-4" className="animate-spin" /> <Icon name="loader-4" className="size-4 animate-spin" />
{t('diffView.state.loadingRepositoryStatus')} {t('diffView.state.loadingRepositoryStatus')}
</div> </div>
); );
@@ -1681,7 +1681,7 @@ export const DiffView: React.FC<DiffViewProps> = ({
</div> </div>
) : ( ) : (
<> <>
<Icon name="loader-4" className="animate-spin" /> <Icon name="loader-4" className="size-4 animate-spin" />
{t('diffView.state.loadingDiff')} {t('diffView.state.loadingDiff')}
</> </>
)} )}
packages/ui/src/components/views/FilesView.tsx
+1 -1
View File
@@ -542,7 +542,7 @@ const Dialogs: React.FC<DialogsProps> = ({
onClick={() => void onDialogSubmit()} onClick={() => void onDialogSubmit()}
disabled={isDialogSubmitting || (activeDialog !== 'delete' && !dialogInputValue.trim())} disabled={isDialogSubmitting || (activeDialog !== 'delete' && !dialogInputValue.trim())}
> >
{isDialogSubmitting ? <Icon name="loader-4" className="animate-spin" /> : ( {isDialogSubmitting ? <Icon name="loader-4" className="size-4 animate-spin" /> : (
activeDialog === 'delete' ? t('filesView.dialog.delete.confirm') : t('filesView.dialog.confirm') activeDialog === 'delete' ? t('filesView.dialog.delete.confirm') : t('filesView.dialog.confirm')
)} )}
</Button> </Button>