blog-minerva-juppiter

commit fb13d8a239aec8f0e4743d064a8206b24ed0cb0f
parent 10247aec115f4ce9ec3e801d0e0a208e6af000f8
Author: minerva-jupiter <ryouturn@gmail.com>
Date:   Mon, 31 Mar 2025 04:57:10 +0900

modified layout

Diffstat:
M
src/routes/+layout.svelte
 | 
5
++++-
M
src/routes/+page.svelte
 | 
6
+++---
M
src/routes/about/+page.svelte
 | 
25
+++++++++++++++++--------
M
src/routes/article/[ArticleNumber]/+page.svelte
 | 
19
++++++++-----------

4 files changed, 32 insertions(+), 23 deletions(-)
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -25,7 +25,10 @@
     header {
         background-color: #d9d9d9;
         color: #0f0a05;
-        padding: 3rem;
+        padding-left: 4rem;
+        padding-right: 4rem;
+        padding-top: 3rem;
+        padding-bottom: 3rem;
     }
     nav a {
         text-decoration: none;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -13,15 +13,15 @@
 
 <style>
     h1 {
-        padding-left: 3rem;
+        padding-left: 4rem;
     }
     ul {
-        padding-left: 3rem;
+        padding-left: 4rem;
         font-size: large;
     }
     a {
         text-decoration: none;
-        padding: 3rem;
+        padding: 4rem;
         color: #d9d9d9;
     }
 </style>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
@@ -1,7 +1,16 @@
-<h1>About</h1>
-<br/>
-<h3>About this page</h3>
-<p>This page is deployed by cloudflare pages & github</p>
-<br/>
-<h3>Repository</h3>
-<p><a href="https://github.com/minerva-jupiter/blog-minerva-juppiter">https://github.com/minerva-jupiter/blog-minerva-juppiter</a></p>-
\ No newline at end of file
+<div>
+    <h1>About</h1>
+    <br/>
+    <h3>About this page</h3>
+    <p>This page is deployed by cloudflare pages & github</p>
+    <br/>
+    <h3>Repository</h3>
+    <p><a href="https://github.com/minerva-jupiter/blog-minerva-juppiter">https://github.com/minerva-jupiter/blog-minerva-juppiter</a></p>   
+</div>
+
+<style>
+    div {
+        padding-left: 4rem;
+        padding-right: 4rem;
+    }
+</style>+
\ No newline at end of file
diff --git a/src/routes/article/[ArticleNumber]/+page.svelte b/src/routes/article/[ArticleNumber]/+page.svelte
@@ -5,20 +5,17 @@
     let { data }: PageProps = $props();
 </script>
 
-<h1>{articles[data.content].ArticleName}</h1>
+<div>
+    <h1>{articles[data.content].ArticleName}</h1>
 
-<h4>{articles[data.content].Date}</h4>
+    <h4>{articles[data.content].Date}</h4>
 
-<p>{articles[data.content].ArticleBody}</p>
+    <p>{articles[data.content].ArticleBody}</p>
+</div>
 
 <style>
-    h1{
-        padding: 4rem;
-    }
-    h4 {
-        padding: 4rem;
-    }
-    p {
-        padding: 4rem;
+    div {
+        padding-left: 4rem;
+        padding-right: 4rem;
     }
 </style> 
\ No newline at end of file