giers10/textDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add folder children separator and adjust padding

Browse Source
This commit is contained in:
Victor Giers
2026-02-01 01:16:48 +01:00
parent 663d7750ba
commit 14fe9f9f2b
1 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/index.css
View File

@@ -291,6 +291,7 @@ body {
color: var(--ink); color: var(--ink);
cursor: pointer; cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease; transition: border-color 0.15s ease, background 0.15s ease;
position: relative;
} }
.folder-item:hover { .folder-item:hover {
@@ -353,7 +354,32 @@ body {
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
margin-top: 6px; margin-top: 6px;
padding-left: 14px; padding-left: 18px;
position: relative;
}
.folder-children::before {
content: "";
position: absolute;
left: 6px;
top: 0;
bottom: 0;
width: 1px;
background: var(--border);
opacity: 0.5;
}
.folder-children .folder-item::before,
.folder-children .prompt-item::before {
content: "";
position: absolute;
left: -12px;
top: 50%;
width: 12px;
height: 1px;
background: var(--border);
opacity: 0.5;
transform: translateY(-50%);
} }
.workspace { .workspace {