workspace page header redesign + tab list layout adjustments

[moehdotdev]

##before

##now

what changed

WorkingSpacePageClient.tsx header
replaced the gradient hero card header with a flat bordered design. the workspace name is now in a bg-muted card with rounded-b-none so it visually connects to the tab list below it. the heading size bumped from text-3xl md:text-4xl to text-3xl md:text-5xl. the table count badge and inner flex wrapper were removed to simplify the layout.

the CreateTableBtn is now absolutely positioned at bottom-0 right-0 and only shown when the workspace has tables it has rounded-b-none border-b-0 border-r-0 and a hover lift effect with a border shadow (hover:shadow-border) so it looks like a tab attached to the header card.

WorkingSpacePageClient.tsx tab list

• tab list container width changed from Desktop:max-w-[900px] to Desktop:w-[80rem] Desktop:max-w-full to match the new header width
• gradient fade overlays use hsl(var(--muted)) instead of hsl(var(--card)) to match the new background
• TabsList gets rounded-t-none to connect seamlessly with the header card above it
• scroll buttons inset from left-1/right-1 to left-2/right-2
• fade overlay width bumped from w-40 to w-52

CreateTableBtn.tsx

• icon size reduced from 16 to 14
• loading spinner reduced
• label now always visible (removed hidden sm:block)
• icon and label adjusted slightly for vertical alignment

the old gradient hero card header was visually heavy and disconnected from the tab list. the new design merges header and tabs into a unified block.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Ready	Preview, Comment	Apr 27, 2026 4:01pm