From dcec203378ea1a45132bb5b92a4afd6d8919729b Mon Sep 17 00:00:00 2001 From: Nils Pukropp Date: Fri, 15 May 2026 16:12:18 +0200 Subject: [PATCH] bugs and fixes --- frontend/src/components/react/Search.tsx | 3 - .../src/components/react/admin/Editor.tsx | 2 +- frontend/src/layouts/Layout.astro | 26 +++++---- frontend/src/pages/contact.astro | 2 +- frontend/src/pages/index.astro | 2 +- frontend/src/pages/posts/[slug].astro | 2 +- frontend/src/styles/global.css | 58 ++++++++++++------- 7 files changed, 54 insertions(+), 41 deletions(-) diff --git a/frontend/src/components/react/Search.tsx b/frontend/src/components/react/Search.tsx index 7e9f20f..0d1e767 100644 --- a/frontend/src/components/react/Search.tsx +++ b/frontend/src/components/react/Search.tsx @@ -146,9 +146,6 @@ export default function Search() { Search - - {isMac ? '⌘' : 'Ctrl'}+K - {open && ( diff --git a/frontend/src/components/react/admin/Editor.tsx b/frontend/src/components/react/admin/Editor.tsx index 43c588f..635c0f3 100644 --- a/frontend/src/components/react/admin/Editor.tsx +++ b/frontend/src/components/react/admin/Editor.tsx @@ -469,7 +469,7 @@ export default function Editor({ editSlug }: Props) { {/* Slug */}
0; )} - {isAdmin && ( - <> - - - + + {isAdmin ? ( + + ) : ( + + + Admin + )} )} @@ -173,16 +181,10 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0; Contact )} - {!isAdmin && ( - <> - - Admin login - - )}
)} -
+
© {year} · {siteConfig.title}
diff --git a/frontend/src/pages/contact.astro b/frontend/src/pages/contact.astro index c654677..99ca110 100644 --- a/frontend/src/pages/contact.astro +++ b/frontend/src/pages/contact.astro @@ -60,7 +60,7 @@ function obfuscateEmail(addr: string): { user: string; host: string; display: st
Correspondence
-

+

Get in touch

{intro && ( diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro index b30d979..5d2d843 100644 --- a/frontend/src/pages/index.astro +++ b/frontend/src/pages/index.astro @@ -68,7 +68,7 @@ const isAdmin = Astro.cookies.get('admin_session')?.value === '1'; )}
-

+

{isAdmin ? ( -

+

{displayTitle}

diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index 90736b4..383d06a 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -330,8 +330,9 @@ code, pre, kbd, samp { font-style: italic; color: var(--text); margin: 0 0 1.25rem; - line-height: 1.05; + line-height: 1.15; letter-spacing: -0.02em; + padding-bottom: 0.06em; } .prose h2 { font-family: var(--font-display); @@ -741,13 +742,18 @@ code, pre, kbd, samp { font-style: italic; font-weight: 500; font-size: 1.18rem; - line-height: 1.18; + line-height: 1.3; color: var(--text); letter-spacing: -0.005em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; + /* line-clamp's overflow:hidden clips italic-Fraunces descenders (g, y, p). + * Pad the clip box and pull the layout back with a matching negative + * margin so descenders survive without shifting siblings. */ + padding-bottom: 0.16em; + margin-bottom: -0.16em; transition: color 0.25s ease; } .plate:hover .plate-caption-title { @@ -757,12 +763,14 @@ code, pre, kbd, samp { font-family: var(--font-sans); font-style: italic; font-size: 0.82rem; - line-height: 1.4; + line-height: 1.45; color: var(--subtext0); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; + padding-bottom: 0.14em; + margin-bottom: -0.14em; } .plate .plate-caption-meta { font-family: var(--font-sans); @@ -823,7 +831,7 @@ code, pre, kbd, samp { font-size: 1.6rem; letter-spacing: -0.01em; color: var(--text); - line-height: 1; + line-height: 1.12; } .nameplate-subtitle { font-family: var(--font-sans); @@ -1116,9 +1124,6 @@ select.topbar-control.theme-select { * phones. Written unlayered (not Tailwind utilities) so it reliably wins * over the `.topbar-control` base in the Tailwind v4 cascade. */ .topbar-control .tc-label { display: inline; } -@media (max-width: 1023px) { - .topbar-control .tc-kbd { display: none; } -} @media (max-width: 767px) { .topbar-control.tc-collapse-md { width: 2rem; padding: 0; } .topbar-control.tc-collapse-md .tc-label { display: none; } @@ -1368,18 +1373,32 @@ input[type="date"] { color-scheme: light; } } .breakcore .section-rule::before, .breakcore .section-rule::after { - height: 6px; - opacity: 0.55; - background: repeating-linear-gradient( - 45deg, - var(--yellow) 0 8px, - var(--crust) 8px 16px + height: 1px; + opacity: 0.85; + background: linear-gradient( + to right, + transparent, + color-mix(in srgb, var(--mauve) 70%, transparent) 45%, + color-mix(in srgb, var(--teal) 70%, transparent) 55%, + transparent ); } .breakcore .section-rule .ornament { color: var(--mauve); } +/* Readability — `--overlay0` (#5A2D8E) is near-invisible on the breakcore + * ground. Lift the spots that use it as actual copy to the readable + * subtext ramp. */ +.breakcore .prose h6, +.breakcore .prose del, +.breakcore .hljs-comment, +.breakcore .hljs-quote, +.breakcore .site-copyright, +.breakcore .slug-hint { + color: var(--subtext0); +} + /* Chips — neon outline, monospace caps. */ .breakcore .chip { background: transparent; @@ -1518,22 +1537,17 @@ input[type="date"] { color-scheme: light; } margin-top: 1.5rem; } -/* Breakcore: hard edges + hazard cap + chromatic title. */ +/* Breakcore: hard edges + neon cap + chromatic title. */ .breakcore .cdialog-panel { border-radius: 0; - padding-top: 1.9rem; + padding-top: 1.85rem; } .breakcore .cdialog-panel::before { content: ""; position: absolute; inset: 0 0 auto 0; - height: 5px; - background: repeating-linear-gradient( - 45deg, - var(--yellow) 0 8px, - var(--crust) 8px 16px - ); - opacity: 0.6; + height: 2px; + background: linear-gradient(90deg, var(--mauve), var(--teal)); } .breakcore .cdialog-title { text-shadow: -1px 0 0 var(--teal), 1px 0 0 var(--mauve);