修复 footer

TakWolf · Jun 29, 2024 · 738f445 · 738f445
1 parent 7c88906
commit 738f445
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 22 deletions.
diff --git a/www/css/style.css b/www/css/style.css
diff --git a/www/css/style.css.map b/www/css/style.css.map
diff --git a/www/css/style.scss b/www/css/style.scss
@@ -167,13 +167,16 @@
 }
 
 .footer {
-    padding-top: 8px;
-    padding-bottom: 12px;
+    padding-top: 6px;
+    padding-bottom: 10px;
     display: flex;
-    flex-direction: row;
-    justify-content: center;
-    .separate {
-        padding-left: 8px;
-        padding-right: 8px;
+    flex-direction: column;
+    align-items: center;
+    .line {
+        margin: 2px;
+        .separate {
+            padding-left: 8px;
+            padding-right: 8px;
+        }
     }
 }
diff --git a/www/index.html b/www/index.html
@@ -79,15 +79,18 @@ <h1 class="title">思源映射查看器</h1>
         </div>
     </main>
     <footer class="footer">
-        <span>© 2024 狼人小林</span>
-        <span class="separate">-</span>
-        <a href="https://github.com/TakWolf/source-han-mapping-viewer" target="_blank">本站源码</a>
-        <span class="separate">-</span>
-        <a href="https://github.com/adobe-fonts/source-han-sans" target="_blank">思源黑体</a>
-        <span class="separate">-</span>
-        <a href="https://github.com/adobe-fonts/source-han-serif" target="_blank">思源宋体</a>
-        <span class="separate">-</span>
-        <a href="https://github.com/TakWolf/source-han-vf-sliced" target="_blank">字体加速</a>
+        <div class="line">
+            <span>© 2024 狼人小林</span>
+        </div>
+        <div class="line">
+            <a href="https://github.com/TakWolf/source-han-mapping-viewer" target="_blank">本站源码</a>
+            <span class="separate">-</span>
+            <a href="https://github.com/adobe-fonts/source-han-sans" target="_blank">思源黑体</a>
+            <span class="separate">-</span>
+            <a href="https://github.com/adobe-fonts/source-han-serif" target="_blank">思源宋体</a>
+            <span class="separate">-</span>
+            <a href="https://github.com/TakWolf/source-han-vf-sliced" target="_blank">字体加速</a>
+        </div>
     </footer>
 </div>