KivotosRailway/website
1
0
Fork 0
mirror of https://github.com/KivotosRailway/website.git synced 2026-11-03 11:06:32 +09:00
Code Issues Packages Projects Releases Wiki Activity

修改页面布局，调整窄屏兼容

Browse Source
This commit is contained in:
MisakaAkio
2026-09-07 04:39:26 +08:00
parent 0570b096f0
commit 909c666646
4 changed files with 136 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/home/home-page-content.tsx
+9 -9
View File
@@ -43,15 +43,7 @@ export function HomePageContent({ newsByLocale }: { newsByLocale: Record<Locale,
return (
<main className="home-page">
<section className="home-hero" aria-labelledby="hero-title">
<div className="hero-scene" aria-hidden="true">
<div className="hero-sky" />
<div className="hero-city hero-city-left" />
<div className="hero-city hero-city-right" />
<div className="hero-overpass" />
<div className="hero-track hero-track-one" />
<div className="hero-track hero-track-two" />
<div className="hero-train"><span /><span /><span /><span /></div>
</div>
<div className="hero-scene" aria-hidden="true" />
<div className="hero-shade" />
<div className="hero-content">
<p className="hero-kicker">{t.home.kicker}</p>
@@ -81,6 +73,14 @@ export function HomePageContent({ newsByLocale }: { newsByLocale: Record<Locale,
))}
</div>
</section>
<section className="home-collage" aria-hidden="true">
<div className="home-collage-tile home-collage-wide" />
<div className="home-collage-tile home-collage-medium" />
<div className="home-collage-tile home-collage-small" />
<div className="home-collage-tile home-collage-bottom" />
<div className="home-collage-tile home-collage-tall" />
</section>
</main>
);
}