diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/AncestryBar.vue | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue index e11725f..8de05c8 100644 --- a/src/components/AncestryBar.vue +++ b/src/components/AncestryBar.vue @@ -76,9 +76,12 @@ export default defineComponent({ </script> <template> -<div :style="styles" @wheel.stop="onWheelEvt"> - <tile v-for="(node, idx) in usedNodes" :key="node.name" class="shrink-0" - :layoutNode="node" :tolMap="tolMap" :nonAbsPos="true" :lytOpts="lytOpts" :uiOpts="uiOpts" - @leaf-click="onTileClick(nodes[idx])" @info-click="onInfoIconClick"/> +<div :style="{display: 'flex', flexDirection: 'column', backgroundColor: 'gray'}"> + <div>Ancestors</div> + <div :style="styles" @wheel.stop="onWheelEvt" class="grow"> + <tile v-for="(node, idx) in usedNodes" :key="node.name" class="shrink-0" + :layoutNode="node" :tolMap="tolMap" :nonAbsPos="true" :lytOpts="lytOpts" :uiOpts="uiOpts" + @leaf-click="onTileClick(nodes[idx])" @info-click="onInfoIconClick"/> + </div> </div> </template> |