Merge pull request otoyo#95 from otoyo/change-font-and-adjust-padding

Change font and adjust padding
ytsuda3311 · Mar 5, 2023 · f411d19 · f411d19
2 parents 0133d25 + ecdbadc
commit f411d19
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/src/components/PostExcerpt.astro b/src/components/PostExcerpt.astro
@@ -14,7 +14,7 @@ const { post } = Astro.props
 
 <style>
   .post-excerpt {
-    padding: 0.4rem 0;
+    padding: 0.2rem 0;
     font-size: 1rem;
   }
 </style>
diff --git a/src/components/PostRelativeLink.astro b/src/components/PostRelativeLink.astro
@@ -70,7 +70,7 @@ const { prevPost, nextPost } = Astro.props
   }
   div.post-relative-link > div > a.colored > div:nth-child(2) {
     width: auto;
-    padding: 0 0 0.4rem;
+    padding: 0.2rem 0 0.4rem;
     text-align: left;
     font-size: 1rem;
     font-weight: bold;

diff --git a/src/components/PostTitle.astro b/src/components/PostTitle.astro
@@ -52,6 +52,7 @@ let title = post.Title
 
 <style>
   .post-title {
+    padding: 0.2rem 0;
     font-size: 1.6rem;
     color: var(--fg);
   }
@@ -62,15 +63,16 @@ let title = post.Title
   .post-title span,
   .post-title img {
     display: inline-block;
-    margin-right: 0.2rem;
+    margin-right: 0.4rem;
   }
   .post-title img {
-    width: 1.6rem;
-    height: 1.6rem;
+    width: 2rem;
+    height: 2rem;
+    vertical-align: sub;
   }
   .post-title a > img {
-    width: 1.2rem;
-    height: 1.2rem;
+    width: 1.6rem;
+    height: 1.6rem;
   }
   @media (max-width: 640px) {
     .post-title {

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -157,12 +157,10 @@ const siteOGImage = new URL('/default-og-image.png', Astro.site)
     min-height: 100vh;
     background: var(--bg);
     color: var(--fg);
-    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI,
-      Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial,
-      メイリオ, Meiryo, sans-serif;
-    /*-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-      Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-    */
+    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont,
+      "Segoe UI", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
+      "Hiragino Sans GB", メイリオ, Meiryo, "Apple Color Emoji",
+      Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
 
     /*background-image: radial-gradient(#ddd 1px, transparent 1px),
       radial-gradient(#ddd 1px, transparent 1px);*/