diff --git a/src/App.vue b/src/App.vue index 4e92fdb..af62a9c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -50,8 +50,10 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onGlobalKeydown)); - - +
+ + +
window.removeEventListener('keydown', onGlobalKeydown)); height: 100%; background: var(--bg); } +.bottom-bar { + display: flex; + align-items: center; + background: var(--surface-2); + border-top: 1px solid var(--border); +} .workspace { position: relative; flex: 1; diff --git a/src/components/SheetTabs.vue b/src/components/SheetTabs.vue index d006cf6..54fbbc7 100644 --- a/src/components/SheetTabs.vue +++ b/src/components/SheetTabs.vue @@ -86,14 +86,15 @@ function onDrop(i: number) { align-items: center; gap: 4px; padding: 4px 8px; - background: var(--surface-2); - border-top: 1px solid var(--border); + flex: 1 1 auto; + min-width: 60px; } .tab-list { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: thin; + min-width: 0; } .tab { display: flex; diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue index f449417..f42981c 100644 --- a/src/components/StatusBar.vue +++ b/src/components/StatusBar.vue @@ -12,7 +12,6 @@ const fmt = (n: number) =>