blog.grace.moe

commit 170ea7821fcf7802a8d1ece6b565ce12086ec28a
parent 6d641f3a75c39f27753ce2d7301b032c7cb10479
Author: gracefu <81774659+gracefuu@users.noreply.github.com>
Date:   Sat, 19 Apr 2025 23:34:24 +0800

Make navbar site link clickable area extend to full body width

Diffstat:
M
layouts/templates/base.shtml
 | 
6
+++---

1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/layouts/templates/base.shtml b/layouts/templates/base.shtml
@@ -189,10 +189,10 @@ ul, ol, dl, menu {
   flex-direction: column;
   align-items: center;
   min-height: 100vh;
-};
+}
 
 #base-nav {
-  margin-block-start: 15px;
+  margin-inline: var(--viewport-padding);
 }
 
 #base-nav a:not(:hover) {
@@ -247,7 +247,7 @@ ul, ol, dl, menu {
     <span style="position: absolute; color: #fdf9ee; left: 0; top: 0; font-family: 'Atkinson Hyperlegible Next'">.</span>
     <div id="base-everything">
       <header id="base-header">
-        <nav id="base-nav" class="limit-self">
+        <nav id="base-nav">
           <a id="base-site-title" href="$site.page('').link()">
             <h2 id="base-site-title-text" :text="$site.title"></h2>
           </a>