alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

feat: add rounded option to hero component and use it for about page

Browse Source
This commit is contained in:
Alex Lebens
2026-02-03 16:56:03 -06:00
parent c2bf64c6cc
commit 95432d9059
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ui/sections/HeroSection.astro
View File

@@ -15,7 +15,10 @@ interface Props {
secondaryBtnURL?: string; secondaryBtnURL?: string;
src?: any; src?: any;
alt?: string; alt?: string;
rounded?: boolean;
} }
const roundedClasses = Astro.props.rounded ? "rounded-xl" : null;
--- ---
<section <section
@@ -48,7 +51,7 @@ interface Props {
<Image <Image
src={src} src={src}
alt={alt} alt={alt}
class="h-full w-[420px] scale-100 object-cover object-center" class={`h-full w-[420px] scale-100 object-cover object-center ${roundedClasses}`}
draggable="false" draggable="false"
loading="eager" loading="eager"
format="webp" format="webp"

1
src/pages/about.astro
View File

@@ -37,6 +37,7 @@ const global = await directus.request(readSingleton('site_global'));
subTitle={global.about} subTitle={global.about}
src={portraitImg} src={portraitImg}
alt={global.portrait_alt} alt={global.portrait_alt}
rounded={true}
/> />
<section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14"> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14">