syonad/two
2
0
Fork 0
Code Issues 6 Pull requests 1 Projects Releases 9 Packages Wiki Activity Actions

web: start: move css to dedicated file

Browse source 
Signed-off-by: GnomeZworc <nicolas.boufidjeline@g3e.fr>
This commit is contained in:
GnomeZworc 2026-06-01 19:44:44 +02:00
commit 7946129a75
Signed by: nicolas.boufideline
GPG key ID: 4406BBBF8845D632
10 changed files with 288 additions and 309 deletions
Download patch file Download diff file Expand all files Collapse all files

40
web/components/side-nav/side-nav.css Normal file
View file

@ -0,0 +1,40 @@
:host {
display: flex;
flex-direction: column;
width: 220px;
min-width: 220px;
background: #1e1e2e;
border-right: 1px solid #313244;
padding: 16px 12px;
gap: 4px;
height: 100%;
overflow: hidden;
box-sizing: border-box;
}
.item {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 12px;
border-radius: 6px;
text-decoration: none;
color: #a6adc8;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
min-height: 44px;
transition: background 0.1s, color 0.1s;
}
.item:hover { background: #313244; color: #cdd6f4; }
.item.active { background: #313244; color: #89b4fa; }
.item.active .icon { color: #89b4fa; }
.icon {
display: flex;
align-items: center;
color: #6c7086;
flex-shrink: 0;
}
.item:hover .icon { color: #cdd6f4; }