thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fixed spacing in Tree.vue

Browse source
This commit is contained in:
thepaperpilot 2022-04-24 13:41:37 -05:00
parent a9bab48885
commit f70273425e
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/features/trees/Tree.vue
View file

@ -34,7 +34,9 @@ export default defineComponent({
jsx(() => (
<>
{currNodes.map(row => (
<span class="row">{row.map(renderJSX)}</span>
<span class="row tree-row" style="margin: 50px auto;">
{row.map(renderJSX)}
</span>
))}
</>
))
@ -74,10 +76,6 @@ export default defineComponent({
</script>
<style scoped>
.row {
margin: 50px auto;
}
.left-side-nodes {
position: absolute;
left: 15px;
@ -90,6 +88,11 @@ export default defineComponent({
top: 65px;
}
.left-side-nodes :deep(.treeNode),
.side-nodes :deep(.treeNode) {
margin: 20px auto;
}
.small :deep(.treeNode) {
height: 60px;
width: 60px;