mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-21 18:55:16 +02:00
refactor(layout): implement background color management in DashboardClientLayout; streamline RightPanel and LayoutShell styles for consistency
This commit is contained in:
parent
147be71238
commit
c1c34eb916
4 changed files with 23 additions and 9 deletions
|
|
@ -170,11 +170,11 @@ export function TabBar({
|
|||
{/* Hover-only gradient + close overlay (sidebar pattern) — keeps pill width fixed and avoids ellipsis shift. */}
|
||||
<div
|
||||
className={cn(
|
||||
"pointer-events-none absolute right-0 top-0 bottom-0 flex items-center rounded-r-md pl-6 pr-2 opacity-0 transition-opacity duration-150",
|
||||
"pointer-events-none absolute right-0 top-0 bottom-0 flex items-center rounded-r-md pl-8 pr-2 opacity-0 transition-opacity duration-150",
|
||||
"group-hover:opacity-100 group-focus-within:opacity-100",
|
||||
isActive
|
||||
? "bg-gradient-to-l from-muted from-60% to-transparent"
|
||||
: "bg-gradient-to-l from-muted/50 from-60% to-transparent"
|
||||
: "bg-gradient-to-l from-muted from-60% to-transparent"
|
||||
)}
|
||||
>
|
||||
{/* biome-ignore lint/a11y/useSemanticElements: cannot nest button inside button */}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue