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) =>
{{ store.activeCellName.value }}
-
Summe {{ fmt(agg.sum) }}
Mittel {{ fmt(agg.avg) }}
Anzahl {{ agg.count }}
@@ -21,20 +20,21 @@ const fmt = (n: number) =>