fix: couleurs icônes, boutons carrés, sidebar collapsée, langue, SW scope, LXC arrêté

Icônes :
- Sidebar navItems : couleur distincte par section (iconStyle via data-binding)
- Sidebar footer user : couleur primary
- Navbar : logout → danger, soleil → amber, lune → blue
- Panel widgets : œil visible → success, caché → muted

Boutons :
- `.neu-btn--sm:has(> i:only-child)` → carré 2rem×2rem automatiquement
  (theme, logout, mode édition) sans modifier le HTML

Sidebar :
- --sidebar-width-collapsed : 64px → 52px
- Sidebar réduite : icônes centrées (justify-content center)

Langue :
- Setter vide sur `lang` dans navbar() pour corriger x-model avec getter
  (le @change gère la vraie mise à jour du store)

Service Worker :
- Enregistrement depuis /ws.sw.js (scope /) au lieu de /js/ws.sw.js (scope /js/)
- build.mjs : copie ws.sw.js vers dist/ root en plus de dist/js/

LXC arrêté :
- checkTarget() : skip si target.status !== 'running' → évite les 502 SSH

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
enzo 2026-03-21 19:50:58 +01:00
parent 7c57b0ff84
commit b851dc61af
11 changed files with 53 additions and 15 deletions

View file

@ -78,7 +78,7 @@ input, select, textarea { font-family: inherit; font-size: inherit; }
/* Sidebar */
--sidebar-width: 240px;
--sidebar-width-collapsed: 64px;
--sidebar-width-collapsed: 52px;
/* Z-index */
--z-sidebar: 100;
@ -215,6 +215,14 @@ input, select, textarea { font-family: inherit; font-size: inherit; }
border-radius: var(--neu-radius-md);
}
/* Bouton icône carré taille sm se déclenche automatiquement si le bouton
ne contient qu'un <i> (ex: theme, logout, edit mode) */
.neu-btn--sm:has(> i:only-child) {
width: 2rem;
height: 2rem;
padding: 0;
}
.neu-btn--ghost {
background: transparent;
box-shadow: none;
@ -423,6 +431,12 @@ input, select, textarea { font-family: inherit; font-size: inherit; }
width: var(--sidebar-width-collapsed);
}
.sidebar.collapsed .sidebar-link {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.sidebar-header {
display: flex;
align-items: center;
@ -619,3 +633,13 @@ html.is-animating .transition-fade {
margin-right: var(--sidebar-width-collapsed);
}
}
/* ── Couleurs icônes contextuelles ─────────────────────────────────────────── */
/* Navbar : logout, thème, édition */
.navbar .lnid-power-button { color: var(--neu-danger); }
.navbar .lnid-sun-1 { color: #f59e0b; }
.navbar .lnid-moon-half-left-1 { color: #60a5fa; }
/* Sidebar footer : utilisateur */
.sidebar-footer .sidebar-icon { color: var(--neu-primary); }