d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-07-02 10:33:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: align activity indicator with composer input width

Browse Source 
Wrap ActivityIndicator in the same mx-auto max-w-3xl container as the
text input so the "Analyzing…" label and Stop button stay within the
input's boundaries instead of spanning the full window width.
This commit is contained in:
Haileyesus
2026-06-30 01:31:51 +03:00
parent 5798246135
commit eed37b51d4
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/chat/view/subcomponents/ActivityIndicator.tsx
View File

@@ -52,8 +52,8 @@ export default function ActivityIndicator({ activity, onAbort }: ActivityIndicat
: t('claudeStatus.elapsed.minutesSeconds', { minutes, seconds, defaultValue: '{{minutes}}m {{seconds}}s' }); : t('claudeStatus.elapsed.minutesSeconds', { minutes, seconds, defaultValue: '{{minutes}}m {{seconds}}s' });
return ( return (
<div className="animate-in fade-in mb-2 w-full duration-300"> <div className="animate-in fade-in mb-2 duration-300">
<div className="mx-auto flex max-w-4xl items-center gap-2 px-1"> <div className="flex items-center gap-2 px-1">
<span className="h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-primary" aria-hidden /> <span className="h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-primary" aria-hidden />
<Shimmer className="text-xs font-medium">{`${label}…`}</Shimmer> <Shimmer className="text-xs font-medium">{`${label}…`}</Shimmer>
<span className="text-xs tabular-nums text-muted-foreground/60">{elapsedLabel}</span> <span className="text-xs tabular-nums text-muted-foreground/60">{elapsedLabel}</span>

4
src/components/chat/view/subcomponents/ChatComposer.tsx
View File

@@ -199,7 +199,9 @@ export default function ChatComposer({
return ( return (
<div className="chat-composer-shell flex-shrink-0 px-2 pb-2 pt-0 sm:px-4 sm:pb-4 md:px-4 md:pb-6"> <div className="chat-composer-shell flex-shrink-0 px-2 pb-2 pt-0 sm:px-4 sm:pb-4 md:px-4 md:pb-6">
{!hasPendingPermissions && ( {!hasPendingPermissions && (
<ActivityIndicator activity={activity} onAbort={onAbortSession} /> <div className="mx-auto max-w-3xl">
<ActivityIndicator activity={activity} onAbort={onAbortSession} />
</div>
)} )}
{pendingPermissionRequests.length > 0 && ( {pendingPermissionRequests.length > 0 && (