From 3d4c37f3a66af147240822c593f9ce68d1f54ade Mon Sep 17 00:00:00 2001
From: MacRat <m@crat.jp>
Date: Sun, 24 Mar 2024 17:17:47 +0900
Subject: [PATCH] design: enable smooth-scroll and remove vertical center tombo

---
 templates/base.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 6812bd96..798aa2b7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,6 +25,7 @@
     overflow-x: hidden;
     font-family: 'Noto Sans JP', 'Noto Sans CJK JP', 'Noto Sans', 'Hiragino Sans', 'Meiryo', sans-serif;
     tab-size: 4;
+    scroll-behavior: smooth;
 }
 body {
     display: flex;
@@ -62,8 +63,7 @@
 .tombo.bottom { bottom: -16mm; }
 .tombo.left { left: -16mm; }
 .tombo.right { right: -16mm; }
-.tombo.hcenter { left: 50%; transform: translateX(-50%); }
-.tombo.vcenter { top: 50%; transform: translateY(-50%); }
+.tombo.center { left: 50%; transform: translateX(-50%); }
 
 a {
     color: #43e;
@@ -259,16 +259,14 @@
 
             <div>
                 <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo top left"><polyline points="15 0, 15 10, 5 10" fill="none" stroke-width="0.2" /><polyline points="10 5, 10 15, 0 15" fill="none" stroke-width="0.2" /></svg>
-                <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo top hcenter"><line x1="0" x2="15" y1="10" y2="10" stroke-width="0.2" /><line x1="7.5" x2="7.5" y1="5" y2="11" stroke-width="0.2" /></svg>
+                <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo top center"><line x1="0" x2="15" y1="10" y2="10" stroke-width="0.2" /><line x1="7.5" x2="7.5" y1="5" y2="11" stroke-width="0.2" /></svg>
                 <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo top right"><polyline points="0 0, 0 10, 10 10" fill="none" stroke-width="0.2" /><polyline points="5 5, 5 15, 15 15" fill="none" stroke-width="0.2" /></svg>
-                <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo left vcenter"><line x1="10" x2="10" y1="0" y2="15" stroke-width="0.2" /><line x1="5" x2="11" y1="7.5" y2="7.5" stroke-width="0.2" /></svg>
                 <main>
                     {{template "main" .}}
                 </main>
                 <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo bottom left"><polyline points="15 15, 15 5, 5 5" fill="none" stroke-width="0.2" /><polyline points="10 10, 10 0, 0 0" fill="none" stroke-width="0.2" /></svg>
-                <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo bottom hcenter"><line x1="0" x2="15" y1="5" y2="5" stroke-width="0.2" /><line x1="7.5" x2="7.5" y1="4" y2="10" stroke-width="0.2" /></svg>
+                <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo bottom center"><line x1="0" x2="15" y1="5" y2="5" stroke-width="0.2" /><line x1="7.5" x2="7.5" y1="4" y2="10" stroke-width="0.2" /></svg>
                 <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo bottom right"><polyline points="0 15, 0 5, 10 5" fill="none" stroke-width="0.2" /><polyline points="5 10, 5 0, 15 0" fill="none" stroke-width="0.2" /></svg>
-                <svg width="16mm" height="16mm" viewBox="-0.5 -0.5 16 16" aria-hidden="true" class="tombo right vcenter"><line x1="5" x2="5" y1="0" y2="15" stroke-width="0.2" /><line x1="4" x2="10" y1="7.5" y2="7.5" stroke-width="0.2" /></svg>
             </div>
         {{end}}