valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Right-align the status/duration/replay row on mobile

Browse Source 
self-end (reverting to self-auto at sm+) so the stacked row sits
against the right edge under the title instead of the left, matching
where it sits in the desktop row layout.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd
This commit is contained in:
valknar
2026-08-30 21:10:00 +02:00
co-authored by Claude Sonnet 5
parent 1bd38f8194
commit 26897e1621
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(app)/sessions/[id]/page.tsx
+1 -1
View File
@@ -55,7 +55,7 @@ export default async function SessionDetailPage({ params }: { params: Promise<{
)} )}
<SessionDescriptionEditor sessionId={detail.session.id} initialDescription={detail.session.description} /> <SessionDescriptionEditor sessionId={detail.session.id} initialDescription={detail.session.description} />
</div> </div>
<div className="flex shrink-0 items-center gap-3"> <div className="flex shrink-0 items-center gap-3 self-end sm:self-auto">
<Badge variant={STATUS_VARIANT[detail.session.status]}>{detail.session.status}</Badge> <Badge variant={STATUS_VARIANT[detail.session.status]}>{detail.session.status}</Badge>
<span className="bp-readout text-sm text-muted-foreground">{formatDuration(detail.session.durationMs)}</span> <span className="bp-readout text-sm text-muted-foreground">{formatDuration(detail.session.durationMs)}</span>
{canReplay && ( {canReplay && (