From 249d9a6488cd7277947ca6de32679f987e7e9410 Mon Sep 17 00:00:00 2001 From: Mikhail Yenuchenko Date: Mon, 3 Aug 2026 22:18:25 +0300 Subject: [PATCH] panel: give Sign out an icon too It was the last bare label in the bar once every page entry had one. An open door with the arrow leading out -- the one icon here that marks an action rather than a page. It needs no colour rule of its own: the compact danger button already sets the red, and the icon draws in currentColor, so it follows the button into dark mode with it. Co-Authored-By: Claude Opus 5 --- internal/web/static/panel.css | 7 +++++-- internal/web/templates/layout.html | 5 ++++- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/internal/web/static/panel.css b/internal/web/static/panel.css index 123964a..3e96367 100644 --- a/internal/web/static/panel.css +++ b/internal/web/static/panel.css @@ -109,8 +109,11 @@ details form { margin-top: 0.6rem; } @media (prefers-color-scheme: dark) { .nav [aria-current] { color: #e6e8eb !important; background: #22303f !important; } } -/* The icons draw in the entry's own colour, so the active entry's darker text - and a link's blue carry through without a second rule per state. */ +/* Sign out carries an icon too, so it needs the same row layout; its padding + and colours come from the compact button rule further down. */ +.nav button { display: inline-flex; align-items: center; gap: 0.4rem; } +/* The icons draw in the entry's own colour, so the active entry's darker text, + a link's blue and Sign out's red all carry through without a rule apiece. */ .nav .icon { width: 1rem; height: 1rem; flex: none; } /* Status badges: one vocabulary (ok/warn/error/unknown) shared by the server status page and the per-domain DNS checks, so a colour means the same thing diff --git a/internal/web/templates/layout.html b/internal/web/templates/layout.html index 85969bf..f095b93 100644 --- a/internal/web/templates/layout.html +++ b/internal/web/templates/layout.html @@ -47,7 +47,7 @@ {{.User}} {{if eq .Active "account"}}{{template "icon-account"}}Account{{else}}{{template "icon-account"}}Account{{end}}
- +
@@ -68,3 +68,6 @@ two drawers with handles is the picture of an archive. */}} {{define "icon-backup"}}{{end}} {{define "icon-account"}}{{end}} +{{/* Sign out is the one icon here that marks an action rather than a page: an + open door with the arrow leading out of it. */}} +{{define "icon-sign-out"}}{{end}}