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/TileSplit.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/TileSplit.svelte')
| -rw-r--r-- | src/features/layout/ui/TileSplit.svelte | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/features/layout/ui/TileSplit.svelte b/src/features/layout/ui/TileSplit.svelte index 1f0ec64..b41f9fc 100644 --- a/src/features/layout/ui/TileSplit.svelte +++ b/src/features/layout/ui/TileSplit.svelte @@ -8,6 +8,7 @@ */ import type { LayoutOp, Path, SplitNode } from "@dispatch/layout-contract"; import type { CollapseStore } from "../logic/collapse"; + import { markerOutline } from "../logic/marker"; import TileNode from "./TileNode.svelte"; let { @@ -38,7 +39,7 @@ </script> {#if node.dir === "col"} - <div class="flex min-h-0 w-full flex-col"> + <div class="flex min-h-0 w-full flex-col" style:outline={markerOutline(node.marker)}> {#each node.children as child, i (i)} {@const key = keyOf(i, child.node.id)} <div @@ -50,7 +51,7 @@ {/each} </div> {:else} - <div class="flex min-h-0 h-full flex-row"> + <div class="flex min-h-0 h-full flex-row" style:outline={markerOutline(node.marker)}> {#each node.children as child, i (i)} {@const key = keyOf(i, child.node.id)} {#if child.collapsible} |