imnyang/imnya.ng
Watch
1
0
Fork
You've already forked imnya.ng
 0
Code Issues Pull requests 1 Projects Releases Packages 1 Wiki Activity Actions

wow
Some checks failed
/ print-content (push) Failing after 1m44s
Details

Browse source
This commit is contained in:
암냥 2026-09-09 18:33:17 +09:00
commit 3bfbff7334
1 changed files with 18 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/components/About.astro
View file

@ -9,6 +9,24 @@ import AboutRow from "@/components/AboutRow.astro";
aria-labelledby="about-title"
>
<div class="grid min-h-full grid-cols-1 lg:grid-cols-2">
<div
class="relative order-last h-[min(100vw,480px)] min-h-0 overflow-hidden bg-muted lg:sticky lg:top-0 lg:order-none lg:h-[calc(100svh-64px)] lg:min-h-0 lg:self-start"
aria-label="활동 사진"
>
<img
class="absolute inset-0 h-full w-full select-none object-cover object-center"
src="/about/hand.avif"
alt="손"
width="1920"
height="1080"
loading="lazy"
decoding="async"
/>
<div
class="pointer-events-none absolute inset-0 bg-gradient-to-t from-background/35 via-transparent to-black/5"
aria-hidden="true"
></div>
</div>
<div class="relative z-10 flex flex-col justify-center px-6 py-16 sm:px-10 lg:px-[clamp(52px,5.208vw,100px)] lg:py-[clamp(58px,9.26vh,100px)]">
<h2
id="about-title"
@ -104,24 +122,5 @@ import AboutRow from "@/components/AboutRow.astro";
</a>
</div>
</div>
<div
class="relative order-last h-[min(100vw,480px)] min-h-0 overflow-hidden bg-muted lg:sticky lg:top-0 lg:order-none lg:h-[calc(100svh-64px)] lg:min-h-0 lg:self-start"
aria-label="활동 사진"
>
<img
class="absolute inset-0 h-full w-full select-none object-cover object-center"
src="/about/hand.avif"
alt="손"
width="1920"
height="1080"
loading="lazy"
decoding="async"
/>
<div
class="pointer-events-none absolute inset-0 bg-gradient-to-t from-background/35 via-transparent to-black/5"
aria-hidden="true"
></div>
</div>
</div>
</section>