mirror of
https://github.com/getcompanion-ai/co-mono.git
synced 2026-04-15 19:05:11 +00:00
Polish export-html tree styling
- Add subtle border between sidebar and content - Use selectedBg for tree node hover state - Add left border accent for active and in-path nodes
This commit is contained in:
parent
f53cabe1e3
commit
c8c7e0fba4
1 changed files with 10 additions and 2 deletions
|
|
@ -37,6 +37,7 @@
|
|||
position: sticky;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
border-right: 1px solid var(--dim);
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
|
|
@ -110,17 +111,24 @@
|
|||
}
|
||||
|
||||
.tree-node:hover {
|
||||
background: rgba(128, 128, 128, 0.15);
|
||||
background: var(--selectedBg);
|
||||
}
|
||||
|
||||
.tree-node.active {
|
||||
background: rgba(128, 128, 128, 0.2);
|
||||
background: var(--selectedBg);
|
||||
border-left: 2px solid var(--accent);
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.tree-node.active .tree-content {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tree-node.in-path {
|
||||
border-left: 2px solid var(--dim);
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.tree-prefix {
|
||||
color: var(--dim);
|
||||
flex-shrink: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue