Fixed spacing in Tree.vue

This commit is contained in:
thepaperpilot 2022-04-24 13:41:37 -05:00
parent a9bab48885
commit f70273425e

View file

@ -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;