forked from profectus/Profectus
Fixed spacing in Tree.vue
This commit is contained in:
parent
a9bab48885
commit
f70273425e
1 changed files with 8 additions and 5 deletions
|
@ -34,7 +34,9 @@ export default defineComponent({
|
||||||
jsx(() => (
|
jsx(() => (
|
||||||
<>
|
<>
|
||||||
{currNodes.map(row => (
|
{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>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.row {
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-side-nodes {
|
.left-side-nodes {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
|
@ -90,6 +88,11 @@ export default defineComponent({
|
||||||
top: 65px;
|
top: 65px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.left-side-nodes :deep(.treeNode),
|
||||||
|
.side-nodes :deep(.treeNode) {
|
||||||
|
margin: 20px auto;
|
||||||
|
}
|
||||||
|
|
||||||
.small :deep(.treeNode) {
|
.small :deep(.treeNode) {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
|
Loading…
Reference in a new issue