diff options
| author | Adam Malczewski <[email protected]> | 2026-06-10 11:40:16 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-06-10 11:40:16 +0900 |
| commit | 7b345f132763fa6405ae858b74e46229629c19d9 (patch) | |
| tree | 4600200e5a92eccbe880f46b3760cf0b1217737d /src/app.css | |
| parent | 89ca80bac1e143a4ec5ba6e2e1d4998acce2553c (diff) | |
| download | dispatch-web-7b345f132763fa6405ae858b74e46229629c19d9.tar.gz dispatch-web-7b345f132763fa6405ae858b74e46229629c19d9.zip | |
feat(tabs,app): tab id handles, fixed-width tabs-lift, slim shell + full-height sidebar
Tabs:
- short-handle ID badge per tab (shortest unique conversationId prefix, min 4)
- fixed-width (w-48) tabs with tabs-lift folder borders
Shell (composition root):
- drop the Dispatch title bar; tabs sit at the very top with a 5px gap
- big faded "Dispatch" watermark centered on an empty chat
- collapsible right sidebar (empty shell) spanning full window height: a
permanently right-pinned hamburger in the tab row toggles it; in-flow push
that shrinks the whole left column (tabs included) at >=lg, overlay + backdrop
below lg; open-by-default on wide / closed on narrow
- main is overflow-hidden with a min-w-0 shrink chain; app.css pins
html/body/#app height + body overflow hidden so the page never overflows
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/app.css b/src/app.css index 37131d3..5db1f25 100644 --- a/src/app.css +++ b/src/app.css @@ -6,3 +6,15 @@ @plugin "daisyui" { themes: dracula --default; } + +/* App shell fills the viewport and never scrolls/overflows at the page level — + the inner regions (tab strip, chat transcript) own their own scrolling. */ +html, +body, +#app { + height: 100%; +} + +body { + overflow: hidden; +} |
