diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-13 15:20:54 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-13 15:20:54 +1100 |
| commit | 0fb594e3d24debe3758abd70d4e0234598e229ca (patch) | |
| tree | 31bf3b17509cb576ad6045018092c34f85babec0 /src/components/Tile.vue | |
| parent | 4e05b868bf2a03d8ab9fb5271cd7c1a0b874f51b (diff) | |
Attempt adding Coord and Dims typestest-Coord-Dim
Diffstat (limited to 'src/components/Tile.vue')
| -rw-r--r-- | src/components/Tile.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue index 19c9838..2c349c1 100644 --- a/src/components/Tile.vue +++ b/src/components/Tile.vue @@ -46,7 +46,7 @@ export default defineComponent({ <template> <div :style="{position: 'absolute', - left: tree.x+'px', top: tree.y+'px', width: tree.w+'px', height: tree.h+'px', + left: tree.pos.x+'px', top: tree.pos.y+'px', width: tree.dims.w+'px', height: tree.dims.h+'px', zIndex: zIdx, overflow: overFlow, transitionDuration: transitionDuration+'ms'}" class="transition-[left,top,width,height] ease-out border border-stone-900 bg-white"> <div v-if="tree.children.length == 0" @@ -61,9 +61,9 @@ export default defineComponent({ {{tree.tolNode.name}} </div> <div v-if="tree.sideArea" - :style="{position: 'absolute', left: tree.sideArea.x+'px', top: tree.sideArea.y+'px', - width: (tree.sideArea.w + (tree.sideArea.sweptLeft ? tree.sideArea.extraSz : 0))+'px', - height: (tree.sideArea.h + (tree.sideArea.sweptLeft ? 0 : tree.sideArea.extraSz))+'px', + :style="{position: 'absolute', left: tree.sideArea.pos.x+'px', top: tree.sideArea.pos.y+'px', + width: (tree.sideArea.dims.w + (tree.sideArea.sweptLeft ? tree.sideArea.extraSz : 0))+'px', + height: (tree.sideArea.dims.h + (tree.sideArea.sweptLeft ? 0 : tree.sideArea.extraSz))+'px', borderRightColor: (tree.sideArea.sweptLeft ? 'white' : 'currentColor'), borderBottomColor: (tree.sideArea.sweptLeft ? 'currentColor' : 'white'), transitionDuration: transitionDuration+'ms'}" |