fix(ui): complete reviewed desktop integration
This commit is contained in:
@@ -81,10 +81,30 @@
|
||||
.nav-list { display: grid; gap: .2rem; margin: 0; padding: 0; list-style: none; }
|
||||
.nav-link { display: flex; min-height: 2.5rem; align-items: center; gap: .7rem; border-radius: .55rem; padding: .55rem .7rem; color: var(--muted); font-weight: 600; text-decoration: none; }
|
||||
.nav-link:hover, .nav-link[aria-current="page"] { background: var(--panel); color: var(--ink); box-shadow: 0 1px 2px rgb(20 25 35 / .08); }
|
||||
.nav-link[data-tooltip] { position: relative; }
|
||||
[data-sidebar-collapsed="true"] .nav-link[data-tooltip]:hover::after,
|
||||
[data-sidebar-collapsed="true"] .nav-link[data-tooltip]:focus-visible::after {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
top: 50%;
|
||||
left: calc(100% + .75rem);
|
||||
padding: .38rem .55rem;
|
||||
border: 1px solid var(--border-strong);
|
||||
border-radius: .4rem;
|
||||
background: var(--ink);
|
||||
color: var(--panel);
|
||||
content: attr(data-tooltip);
|
||||
font-size: .75rem;
|
||||
line-height: 1;
|
||||
pointer-events: none;
|
||||
transform: translateY(-50%);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.nav-icon { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
|
||||
.sidebar-footer { display: grid; gap: .7rem; margin-top: auto; }
|
||||
.theme-field { display: grid; gap: .25rem; }
|
||||
.theme-field select { min-height: 2.4rem; border: 1px solid var(--border-strong); border-radius: .5rem; background: var(--panel); color: var(--ink); padding: .35rem .55rem; }
|
||||
[data-sidebar-collapsed="true"] .theme-field select { width: 2.5rem; padding-inline: .25rem; font-size: 0; }
|
||||
.logout-form button { width: 100%; border: 0; background: transparent; text-align: left; }
|
||||
.app-column { min-width: 0; }
|
||||
.app-header { display: flex; min-height: 3.75rem; align-items: center; gap: .8rem; border-bottom: 1px solid var(--border); padding: 0 1.5rem; }
|
||||
|
||||
Reference in New Issue
Block a user