Fluksio/app
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard name pill on a round panel: 56 high, icon and title at 24, at most 280 wide

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016ezWcLmBCtTVKFPxfdK2MK
This commit is contained in:
Melvin Strobl
2026-10-14 22:16:00 +02:00
co-authored by Claude Opus 5.5
parent 0bf2b12268
commit 2a9b39ddb1
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Dashboard/RoundFace.tsx
+3 -3
View File
@@ -361,10 +361,10 @@ function NamePill({ dashboard }: { dashboard: Dashboard }) {
return (
<output
data-testid="dashboard-announce"
className="flex h-9 max-w-[220px] items-center gap-2 rounded-full border border-border bg-card/80 px-4 font-medium shadow-e2 backdrop-blur-md"
style={{ fontSize: 15 }}
className="flex h-14 max-w-[280px] items-center gap-2.5 rounded-full border border-border bg-card/80 px-5 font-medium shadow-e2 backdrop-blur-md"
style={{ fontSize: 24 }}
>
{Glyph ? <Glyph className="size-4 shrink-0" aria-hidden /> : null}
{Glyph ? <Glyph className="size-6 shrink-0" aria-hidden /> : null}
<span className="truncate">{dashboard.title || dashboard.name}</span>
</output>
)