daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix confirm retry spacing (vibe-kanban) (#1296)

Browse Source 
* ✓ All done! Fixed the confirm retry spacing issue in [RestoreLogsDialog.tsx](file:///private/var/folders/m1/9q_ct1913z10v6wbnv54j25r0000gn/T/vibe-kanban/worktrees/2b95-fix-confirm-retr/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx).

**Changes made:**
- Added `flex-1 min-w-0 break-words` to commit subject spans (2 locations)
- Added `flex-1 min-w-0 break-words` to toggle labels (3 locations)

This prevents long commit messages and labels from pushing toggles off-screen. All type checks pass.

* improve layout
This commit is contained in:
Louis Knight-Webb
2025-11-17 09:41:45 +00:00
committed by GitHub
parent 49840a05c3
commit c4c1eb4068
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
View File

@@ -175,7 +175,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
aria-checked={worktreeResetOn}
onClick={() => setWorktreeResetOn((v) => !v)}
>
<div className="text-xs text-muted-foreground">
<div className="text-xs text-muted-foreground flex-1 min-w-0 break-words">
{worktreeResetOn ? 'Enabled' : 'Disabled'}
</div>
<div className="ml-auto relative inline-flex h-5 w-9 items-center rounded-full">
@@ -210,7 +210,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
</span>
)}
{targetSubject && (
<span className="text-muted-foreground break-words whitespace-normal">
<span className="text-muted-foreground break-words flex-1 min-w-0 max-w-full">
{targetSubject}
</span>
)}
@@ -275,7 +275,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
});
}}
>
<div className="text-xs text-muted-foreground">
<div className="text-xs text-muted-foreground flex-1 min-w-0 break-words">
{forceReset
? worktreeResetOn
? 'Enabled'
@@ -312,7 +312,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
});
}}
>
<div className="text-xs font-medium text-destructive">
<div className="text-xs font-medium text-destructive flex-1 min-w-0 break-words">
Force reset (discard uncommitted changes)
</div>
<div className="ml-auto relative inline-flex h-5 w-9 items-center rounded-full">
@@ -348,7 +348,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
{short}
</span>
{targetSubject && (
<span className="text-muted-foreground break-words whitespace-normal">
<span className="text-muted-foreground break-words flex-1 min-w-0 max-w-full">
{targetSubject}
</span>
)}

2
frontend/src/components/ui/dialog.tsx
View File

@@ -182,7 +182,7 @@ const DialogContent = React.forwardRef<
HTMLDivElement,
React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
<div ref={ref} className={cn('grid gap-4', className)} {...props} />
<div ref={ref} className={cn('flex flex-col gap-4', className)} {...props} />
));
DialogContent.displayName = 'DialogContent';