diff options
| author | Adam Malczewski <[email protected]> | 2026-09-05 20:44:09 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-09-05 20:44:09 +0900 |
| commit | d39cce17765c809cef4555c9640d12ed171cf4af (patch) | |
| tree | f5a4db2ea6d8f7acf0e00b04e2712d5c7b8b3fb0 /src/features/layout/ui/TilePanels.svelte | |
| parent | e3d5f3df3577f91b933d7ad51a339dbb05ba53dd (diff) | |
| download | dispatch-web-d39cce17765c809cef4555c9640d12ed171cf4af.tar.gz dispatch-web-d39cce17765c809cef4555c9640d12ed171cf4af.zip | |
feat(layout): renderer renders tile border markers (main red / side green)
Diffstat (limited to 'src/features/layout/ui/TilePanels.svelte')
| -rw-r--r-- | src/features/layout/ui/TilePanels.svelte | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/features/layout/ui/TilePanels.svelte b/src/features/layout/ui/TilePanels.svelte index ca597fe..877ce2e 100644 --- a/src/features/layout/ui/TilePanels.svelte +++ b/src/features/layout/ui/TilePanels.svelte @@ -9,6 +9,7 @@ import type { LayoutOp, PanelsNode, Path } from "@dispatch/layout-contract"; import { viewRegistry } from "../logic/registry"; import { addPanelOp, firstPanelView, removePanelOp, swapPanelOp } from "../logic/panels-edit"; + import { markerOutline } from "../logic/marker"; import TileLeaf from "./TileLeaf.svelte"; let { @@ -29,7 +30,7 @@ const addView = $derived(firstPanelView(panelViews)); </script> -<div class="flex min-h-0 flex-col gap-2"> +<div class="flex min-h-0 flex-col gap-2" style:outline={markerOutline(node.marker)}> {#each node.panels as panel, idx (idx)} <div class="flex flex-col rounded-lg bg-base-200 p-3"> <div class="flex items-center gap-1"> |