fix: version real en pie del menu + logo abajo-izquierda
El pie del menu lateral mostraba el texto fijo "v0.1.0" en vez de la version real (se lee ahora de package.json via import JSON de Vite). El logo de LinkedCorp se mueve del encabezado del menu al pie, sobre el numero de version, en modo expandido y compacto. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -47,13 +47,6 @@ button { font-family: inherit; }
|
||||
}
|
||||
.nav-view.compact { width: 80px; }
|
||||
.nav-view.hidden { width: 0; overflow: hidden; border-right: none; }
|
||||
.nav-header {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
padding: 14px 12px; border-bottom: 1px solid rgb(var(--line));
|
||||
min-height: 84px;
|
||||
}
|
||||
.nav-logo-icon { width: 56px; height: 56px; flex: none; object-fit: contain; }
|
||||
.nav-logo-full { height: 52px; width: auto; max-width: 100%; object-fit: contain; }
|
||||
.nav-items { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 2px; }
|
||||
.nav-item {
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
@@ -65,7 +58,13 @@ button { font-family: inherit; }
|
||||
.nav-item svg { flex: none; width: 18px; height: 18px; }
|
||||
.nav-item:hover { background: rgb(var(--field)); color: rgb(var(--body)); }
|
||||
.nav-item.active { background: rgb(var(--accent) / .16); color: rgb(var(--accent)); font-weight: 600; }
|
||||
.nav-footer { padding: 10px 12px; border-top: 1px solid rgb(var(--line)); font-size: .68rem; color: rgb(var(--muted)); }
|
||||
.nav-footer {
|
||||
display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
|
||||
padding: 12px; border-top: 1px solid rgb(var(--line)); font-size: .68rem; color: rgb(var(--muted));
|
||||
}
|
||||
.nav-view.compact .nav-footer { align-items: center; }
|
||||
.nav-logo-icon-footer { width: 40px; height: 40px; flex: none; object-fit: contain; }
|
||||
.nav-logo-full-footer { height: 36px; width: auto; max-width: 100%; object-fit: contain; }
|
||||
|
||||
.content-column { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
||||
.topbar {
|
||||
|
||||
Reference in New Issue
Block a user