jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(shell): move tab bar up 2px more, reduce left padding for full-width span 

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-04-16 14:56:05 -04:00
parent c5a58e1908
commit c885773844
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
shared/components/rstack-tab-bar.ts
View File

@ -1476,7 +1476,7 @@ const STYLES = `
align-items: center; align-items: center;
gap: 0; gap: 0;
min-height: 36px; min-height: 36px;
padding: 0 8px; padding: 0 4px;
overflow: visible; overflow: visible;
} }

7
website/public/shell.css
View File

@ -73,7 +73,7 @@ body.rspace-banner-visible .rstack-header {
top: 36px; top: 36px;
} }
body.rspace-banner-visible .rstack-tab-row { body.rspace-banner-visible .rstack-tab-row {
top: 91px; /* 36px banner + 56px header - 1px overlap */ top: 89px; /* 36px banner + 56px header - 3px overlap */
} }
body.rspace-banner-visible #app { body.rspace-banner-visible #app {
padding-top: 128px; /* 36px banner + 92px normal */ padding-top: 128px; /* 36px banner + 92px normal */
@ -209,7 +209,7 @@ body.rspace-banner-visible #app {
.rstack-tab-row { .rstack-tab-row {
position: fixed; position: fixed;
top: 55px; /* overlap header border by 1px to close gap */ top: 53px; /* overlap header bottom border to close gap */
left: 0; left: 0;
right: 0; right: 0;
z-index: 9998; z-index: 9998;
@ -219,12 +219,13 @@ body.rspace-banner-visible #app {
background: var(--rs-glass-bg); background: var(--rs-glass-bg);
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0; /* no horizontal padding — span full width */
} }
/* ── Main content area ── */ /* ── Main content area ── */
#app { #app {
padding-top: 91px; /* Below fixed header (56px) + tab row (36px) - 1px overlap */ padding-top: 89px; /* Below fixed header (56px) + tab row (36px) - 3px overlap */
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;