Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

54 スマホ画面のサイズ 修正 #55

Merged
merged 2 commits into from
Apr 3, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified src/assets/picture.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/components/sections/Experiences.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down
9 changes: 3 additions & 6 deletions src/components/sections/Hobbies.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ const hobbiesList: HobbyData[] = [
こんなあらすじだけでは伝わらない良さが詰まっているのでぜひ読んでください。なんなら私が貸します。
他にも伊藤計劃のユートピアな近未来に馴染めない女の子達の壮大な自殺と世界の話「ハーモニー」、
チャック・パラニュークの独特の読み応えの文章がクセになる「ファイト・クラブ」も大好きな本です。
なので布教計画を立案中...`,
布教計画を立案中...`,
},
{
name: "Anime",
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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" },
Expand Down
2 changes: 1 addition & 1 deletion src/components/sections/Top.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down
4 changes: 0 additions & 4 deletions src/pages/index/+Page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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";

Expand Down Expand Up @@ -114,8 +112,6 @@ export default function Home(): ReactElement {
<Experiences />
<Hobbies />
{/*
<Awards />
<Works />
<Products />
<Blogs />
*/}
Expand Down
14 changes: 12 additions & 2 deletions src/renderer/+onRenderHtml.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
`;
}
Loading