Skip to content

workspace header + tab list visual refinements#700

Merged
moehdotdev merged 1 commit into
mainfrom
home-uiux-changes
Apr 28, 2026
Merged

workspace header + tab list visual refinements#700
moehdotdev merged 1 commit into
mainfrom
home-uiux-changes

Conversation

@moehdotdev

@moehdotdev moehdotdev commented Apr 28, 2026

Copy link
Copy Markdown
Member

more polish on the header/tab area to get the connected card look right. "browser like "

image

what changed

TableTab
added rounded-b-none border border-transparent data-[state=active]:border-border to tab triggers so active tabs show a border that connects visually with the tab list container, while inactive tabs have a transparent border to maintain layout.

SliderTabsList

  • outer container py-4 to py-2.5
  • fade overlay my-1 removed so they extend full height
  • gradient stop tightened from 30% to 20%
  • TabsList changed to rounded-none border-b-0 so it connects seamlessly with the header card above and the content area below
  • bottom padding adjusted to pb-5

header

  • removed pt-6 top padding from the header
  • removed the Desktop:w-[80rem] fixed width from the header row
  • CreateTableBtn simplified removed the gradient background and border styling, just rounded-tr-none rounded-b-none with a subtle hover lift (hover:translate-x-[-2px] hover:translate-y-[-2px] with a 2px shadow)

@vercel

vercel Bot commented Apr 28, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
notevo Ready Ready Preview, Comment Apr 28, 2026 9:30am

@moehdotdev moehdotdev merged commit 82e945e into main Apr 28, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant