From a4ada7df20990a98fdba85315de6f0e7f0a994a4 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 17 Nov 2025 18:01:51 -0600 Subject: [PATCH] Add logotype to public layout, too --- app/assets/stylesheets/header.css | 28 +++++++++++++++++++++++++--- app/views/layouts/public.html.erb | 6 +++--- 2 files changed, 28 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css index 46a345d3c..59d94a0f3 100644 --- a/app/assets/stylesheets/header.css +++ b/app/assets/stylesheets/header.css @@ -82,13 +82,35 @@ .header__logo { color: var(--color-ink); + font-size: 1.2rem; inline-size: auto; margin-block-start: 0.1em; - img { + span { + background: var(--color-ink-lightest); block-size: auto; - inline-size: 1.15em; - margin-inline-end: 0.8ch; + border-radius: 0.3125em; + box-shadow: + 0 0 0 1px oklch(var(--lch-ink-darkest) / 0.1), + 0 0.1em 0.2em -0.1em oklch(var(--lch-ink-darkest) / 0.05), + 0 0.2em 0.4em -0.2em oklch(var(--lch-ink-darkest) / 0.05), + 0 0.3em 0.6em -0.3em oklch(var(--lch-ink-darkest) / 0.05) + ; + display: grid; + height: 1.5em; + inline-size: 1.5em; + padding: 0.325em 0.275em 0.225em 0.275em; + place-content: center; + width: 1.5em; + } + + svg { + height: 100%; + margin-inline-start: 0.4125em; + margin-inline-end: 0.5375em; + max-height: 0.8625em; + overflow: visible; + width: auto; } } diff --git a/app/views/layouts/public.html.erb b/app/views/layouts/public.html.erb index 2f1e2be3d..6fa51136f 100644 --- a/app/views/layouts/public.html.erb +++ b/app/views/layouts/public.html.erb @@ -6,9 +6,9 @@