Refactor folder item styling in index.css
This commit is contained in:
@@ -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%;
|
||||||
|
|||||||
Reference in New Issue
Block a user