Refactor folder item styling in index.css

This commit is contained in:
2026-02-01 01:33:00 +01:00
parent 72715d0b9c
commit 80654dc515

View File

@@ -360,6 +360,24 @@ body {
position: relative; position: relative;
} }
.folder-children > * {
position: relative;
}
.folder-children > *::after {
content: "";
position: absolute;
left: -12px;
top: -10px;
bottom: -10px;
width: 2px;
background: var(--tree-line);
}
.folder-children > :last-child::after {
bottom: 50%;
}
.folder-children .folder-item::before, .folder-children .folder-item::before,
.folder-children .prompt-item::before { .folder-children .prompt-item::before {
content: ""; content: "";
@@ -372,22 +390,6 @@ body {
transform: translateY(-50%); transform: translateY(-50%);
} }
.folder-children .folder-item::after,
.folder-children .prompt-item::after {
content: "";
position: absolute;
left: -12px;
top: -10px;
bottom: -10px;
width: 2px;
background: var(--tree-line);
}
.folder-children > :last-child .folder-item::after,
.folder-children > :last-child .prompt-item::after {
bottom: 50%;
}
.workspace { .workspace {
padding: 28px 32px; padding: 28px 32px;
height: 100%; height: 100%;