opensource/sim
3
0
Fork 0
mirror of https://github.com/simstudioai/sim.git synced 2026-08-31 01:11:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

improvement(files): match the preview toolbar's height to the tab strip above it (#6973)

Browse Source 
The toolbar had no height of its own — `py-1` around a 30px chip came to 39px
against the tab strip's 41px. Two stacked bars two pixels apart read as a
mistake rather than as two different bars, and the toolbar's chips still stood
taller than the 26px tabs. It now takes the same 40px content box over a 1px
border, so the chips centre in the same band the tabs do.

Covers all four previews that mount it — pdf, docx, pptx and the zoomable
image/svg surface — none of which override its height.
This commit is contained in:
Waleed
2026-08-21 20:51:57 -07:00
committed by GitHub
parent b02fee1e3a
commit 8689237b4f
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-toolbar.tsx
+5 -1
View File
@@ -30,7 +30,11 @@ export function PreviewToolbar({ navigation, zoom, className }: PreviewToolbarPr
return (
<div
className={cn(
'flex shrink-0 items-center justify-between border-[var(--border)] border-b bg-[var(--surface-1)] px-2 py-1',
// Matches the resource tab strip stacked directly above it: a 40px
// content box over a 1px border. `py-1` around a 30px chip came to 39px,
// near enough to read as a mistake rather than as a different bar, and
// the chips themselves still sat taller than the 26px tabs.
'flex h-[41px] shrink-0 items-center justify-between border-[var(--border)] border-b bg-[var(--surface-1)] px-2',
className
)}
>