デザインなどを調整

tasuren · Sep 29, 2024 · 86775ff · 86775ff
1 parent 775531b
commit 86775ff
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src/components/Head.astro b/src/components/Head.astro
@@ -23,6 +23,7 @@ const { title, description, keywords, type, properties } = Astro.props;
   <meta name="author" content="Takagi Tasuku">
   <meta name="color-scheme" content="light dark">
   {keywords ? <meta name="keywords" content={keywords.join(",")}> : null}
+  <meta name="viewport" content="width=device-width,initial-scale=1">
 
   <meta property="og:title" content={title}>
   <meta property="og:description" content={description}>

diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
@@ -26,15 +26,15 @@ if (!title) console.warn("タイトルがないページがあります。", Ast
   </Head>
 
   <body>
-    <main class="mx-auto my-10 px-4" style="width: 65ch;">
+    <main class="mx-auto my-10" style="max-width: 65ch;">
       <slot />
     </main>
   </body>
 </html>
 
 <style>
   li, ul {
-    margin-bottom: 1px !important;
-    margin-top: 1px !important;
+    margin-bottom: 1px;
+    margin-top: 1px;
   }
 </style>
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
@@ -6,14 +6,17 @@ description: 髙木祐来のホームページで、彼の活動やプロフィ
 
 import AccessCounter from "@components/AccessCounter.astro"
 
-<img alt="tasurenのJdenticon" src="Jdenticon.svg" class="block mx-auto my-10" />
+<img
+    alt="tasurenのJdenticon"
+    src="Jdenticon.svg"
+    class="block mx-auto my-10 h-auto sm:w-1/3 w-3/4"
+/>
 
 # 髙木祐来のホームページ
-ここは髙木祐来のホームページで、彼の情報が記載されている。ソースコードは
-[こちら](https://github.com/tasuren/website)。  
+ここは髙木祐来のホームページで、彼の情報が記載されている。
 
 ちな、2024年9月にこのウェブサイトはリニューアルした。
-リニューアル前のは[ここ](https://web.archive.org/web/20240828184015/https://tasuren.jp/)から閲覧可能。
+リニューアル前の昔のウェブサイトは[ここ](https://web.archive.org/web/20240828184015/https://tasuren.jp/)から閲覧可能。
 過去のブログだとかもここから見れる。
 
 ## 直近の活動