made file tree look a lil better
mellbacon committed
May 7, 2023 at 00:54 UTC
104e38aa86d2a4282f5bba5c555d8c290b4b6824
2 files changed
+7
-2
src/lib/FileTree/FileTreeList.svelte
+1
-1
@@ -106,7 +106,7 @@
106
}
107
.tree-label {
108
display: flex;
109
- min-height: 1.5rem;
109
+ min-height: 1.6rem;
110
align-items: center;
111
white-space: nowrap;
112
:global(svg) {
src/lib/FileTree/FileTreeNode.svelte
+6
-1
@@ -59,6 +59,7 @@
59
<li id={id} bind:this={ref} class="treenode">
60
<!-- svelte-ignore a11y-click-events-have-key-events -->
61
<div bind:this={refLabel} class="tree-label" class:selected on:click={(e) => {handleSelect(treenode, e)}}>
62
+ <span class="no-arrow"></span>
63
{#if icon}
64
<svelte:component this={icon} />
65
{/if}
@@ -79,7 +80,7 @@
80
}
81
.tree-label {
82
display: flex;
82
- min-height: 1.5rem;
83
+ min-height: 1.6rem;
84
align-items: center;
85
flex: 1;
86
white-space: nowrap;
@@ -93,4 +94,8 @@
94
.selected {
95
color: #34b0f8;
96
}
97
+ .no-arrow {
98
+ display: flex;
99
+ margin-right: 15px;
100
+ }
101
</style>
\ No newline at end of file