diff options
| author | Adam Malczewski <[email protected]> | 2026-10-15 10:00:18 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-10-15 10:00:18 +0900 |
| commit | dfd279fbe1c50743dc8105715fef7e74402f4564 (patch) | |
| tree | 48d396eff02431d0aeaf1800487f2005519b4af3 /src/features | |
| parent | c46c0e5a308f8266f80a47ba3da768e102d37eaa (diff) | |
| download | dispatch-web-dfd279fbe1c50743dc8105715fef7e74402f4564.tar.gz dispatch-web-dfd279fbe1c50743dc8105715fef7e74402f4564.zip | |
feat(ui): raised (popped-out) home tiles, the inverse of the inset well; shared navbar look on the home header
Diffstat (limited to 'src/features')
| -rw-r--r-- | src/features/workspaces/ui/HomeHeader.svelte | 8 | ||||
| -rw-r--r-- | src/features/workspaces/ui/HomeTileGrid.svelte | 4 |
2 files changed, 7 insertions, 5 deletions
diff --git a/src/features/workspaces/ui/HomeHeader.svelte b/src/features/workspaces/ui/HomeHeader.svelte index 9d26306..8090489 100644 --- a/src/features/workspaces/ui/HomeHeader.svelte +++ b/src/features/workspaces/ui/HomeHeader.svelte @@ -68,10 +68,12 @@ } </script> -<header class="flex shrink-0 items-end justify-between gap-2 px-8 pt-6 pb-4 md:px-12"> +<!-- `.app-navbar` (app.css): the same Artix-wiki navbar look as the workspace + top bar — gradient, drop shadow, engraved primary-blue title. --> +<header class="app-navbar flex shrink-0 items-end justify-between gap-2 px-8 pt-6 pb-4 md:px-12"> <div class="flex items-baseline gap-3"> - <h1 class="text-4xl font-black tracking-tight">Dispatch</h1> - <span class="hidden text-sm font-medium tracking-widest uppercase opacity-40 sm:inline"> + <h1 class="app-navbar-engraved text-4xl font-black tracking-tight text-primary">Dispatch</h1> + <span class="hidden text-sm font-medium tracking-widest uppercase text-primary/70 sm:inline"> Workspaces </span> </div> diff --git a/src/features/workspaces/ui/HomeTileGrid.svelte b/src/features/workspaces/ui/HomeTileGrid.svelte index 489c783..40a46c5 100644 --- a/src/features/workspaces/ui/HomeTileGrid.svelte +++ b/src/features/workspaces/ui/HomeTileGrid.svelte @@ -499,7 +499,7 @@ <!-- svelte-ignore a11y_no_static_element_interactions, a11y_click_events_have_key_events --> <div data-tile-id={placement.id} - class={`flex select-none flex-col overflow-hidden rounded-box border transition-[box-shadow] duration-150 ${ + class={`raised flex select-none flex-col overflow-hidden rounded-box border transition-[box-shadow] duration-150 ${ TONE_CLASSES[tileTone(placement.id)] } ${ selectedId === placement.id @@ -508,7 +508,7 @@ } ${ isDragged ? "pointer-events-none relative z-40 shadow-2xl" - : "shadow-md hover:-translate-y-0.5 hover:shadow-xl" + : "hover:-translate-y-0.5 hover:shadow-xl" }`} style={`${wrapperStyle(placement)} ${isDragged ? followStyle(placement) : ""} scroll-snap-align: start;`} role="button" |