Skip to content

Commit e6414e4

Browse files
feat(mcp): align toolbar tab layout with Skills; frosted-glass tooltip
- MCP page toolbar: move Installed/Marketplace tabs to right side, matching the Skills page toolbar layout for consistency - Tooltip: translucent themed background with backdrop-blur for frosted-glass appearance (affects chat sidebar icons, security popups, and all tooltip usages globally) Worked with Interstellar Code
1 parent 603c9d0 commit e6414e4

2 files changed

Lines changed: 440 additions & 3 deletions

File tree

src/components/ui/tooltip.tsx

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,15 @@ function TooltipContent({
3838
<Tooltip.Portal>
3939
<Tooltip.Positioner side={side}>
4040
<Tooltip.Popup
41-
className={cn('rounded-md px-2 py-1 text-xs shadow-sm', className)}
41+
className={cn('rounded-md px-2 py-1 text-xs shadow-lg', className)}
4242
style={{
43-
background: 'var(--theme-card)',
43+
background:
44+
'color-mix(in srgb, var(--theme-card) 80%, transparent)',
4445
color: 'var(--theme-text)',
45-
border: '1px solid var(--theme-border)',
46+
border:
47+
'1px solid color-mix(in srgb, var(--theme-border) 70%, transparent)',
48+
backdropFilter: 'blur(18px) saturate(140%)',
49+
WebkitBackdropFilter: 'blur(18px) saturate(140%)',
4650
}}
4751
>
4852
{children}

0 commit comments

Comments
 (0)