Merge pull request #55 from nasubi916/54-スマホ画面のサイズ-修正

54 スマホ画面のサイズ修正
nasubi916 · Apr 3, 2024 · 09c7de7 · 09c7de7
2 parents 90c997f + d68151b
commit 09c7de7
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 14 deletions.
diff --git a/src/assets/picture.png b/src/assets/picture.png
diff --git a/src/components/sections/Experiences.tsx b/src/components/sections/Experiences.tsx
@@ -127,7 +127,7 @@ export default function Experiences(): ReactElement {
         </Text>
       </Center>
       <Center>
-        <p.div h={1300} m={3} w={isMobile ? 500 : 700}>
+        <p.div h={1300} m={3} mb={20} w={isMobile ? 500 : 700}>
           {ExperiencesList.map((experience, index) => (
             <Experience
               key={experience.name}

diff --git a/src/components/sections/Hobbies.tsx b/src/components/sections/Hobbies.tsx
@@ -42,7 +42,7 @@ const hobbiesList: HobbyData[] = [
     こんなあらすじだけでは伝わらない良さが詰まっているのでぜひ読んでください｡なんなら私が貸します｡
     他にも伊藤計劃のユートピアな近未来に馴染めない女の子達の壮大な自殺と世界の話｢ハーモニー｣､
     チャック・パラニュークの独特の読み応えの文章がクセになる｢ファイト・クラブ｣も大好きな本です｡
-    なので布教計画を立案中...`,
+    布教計画を立案中...`,
   },
   {
     name: "Anime",
@@ -128,11 +128,7 @@ function Hobby({
           <Text inherit>{name}</Text>
         </Flex>
         <p.div fontSize={16}>
-          <Spoiler
-            hideLabel="オタクの長尺の語りウザいから消すボタン"
-            maxHeight={200}
-            showLabel="もっとみせる"
-          >
+          <Spoiler hideLabel="" maxHeight={200} showLabel="もっとみせる">
             <Text inherit>{description}</Text>
           </Spoiler>
         </p.div>
@@ -169,6 +165,7 @@ export default function Hobbies(): ReactElement {
               gridColor={colorScheme === "light" ? "gray.9" : "gray.3"}
               h={300}
               legendProps={{ verticalAlign: "bottom" }}
+              mb={10}
               series={[
                 { name: "Program", color: "red.6" },
                 { name: "Read", color: "orange.6" },

diff --git a/src/components/sections/Top.tsx b/src/components/sections/Top.tsx
@@ -16,7 +16,7 @@ export default function Top(): ReactElement {
         src={picture}
       />
       <p.div
-        bottom={20}
+        bottom={isMobile ? 10 : 20}
         color="white"
         fontFamily="Noto serif JP"
         fontSize={isMobile ? 30 : 50}

diff --git a/src/pages/index/+Page.tsx b/src/pages/index/+Page.tsx
@@ -11,8 +11,6 @@ import Skills from "@/components/sections/Skills";
 import Experiences from "@/components/sections/Experiences";
 import Hobbies from "@/components/sections/Hobbies";
 import { $colorScheme } from "@/stores/option";
-// import Awards from "@/components/sections/Awards";
-// import Works from "@/components/sections/Works";
 // import Products from "@/components/sections/Products";
 // import Blogs from "@/components/sections/Blogs";
 
@@ -114,8 +112,6 @@ export default function Home(): ReactElement {
           <Experiences />
           <Hobbies />
           {/*
-        <Awards />
-        <Works />
         <Products />
         <Blogs />
       */}

diff --git a/src/renderer/+onRenderHtml.tsx b/src/renderer/+onRenderHtml.tsx
@@ -14,10 +14,20 @@ export async function onRenderHtml(
     ),
   );
 
-  return escapeInject`<!DOCTYPE html>
+  return escapeInject`
+    <!DOCTYPE html>
     <html lang="ja">
+      <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/public/TwemojiEggplant.svg" />
+        <link rel="icon" type="16x16" href="/public/TwemojiEggplant.svg" />
+        <link rel="apple-touch-icon" href="/public/TwemojiEggplant.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>nasubi no site</title>
+      </head>
       <body>
         <div id="page-view">${viewHtml}</div>
       </body>
-    </html>`;
+    </html>
+  `;
 }