design: enable smooth-scroll and remove vertical center tombo

macrat · Mar 24, 2024 · 3d4c37f · 3d4c37f
1 parent 1dd49b8
commit 3d4c37f
Showing 1 changed file with 4 additions and 6 deletions.
diff --git 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}}