diff options
Diffstat (limited to 'src/components/widgets/HeroBackground.astro')
| -rw-r--r-- | src/components/widgets/HeroBackground.astro | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/widgets/HeroBackground.astro b/src/components/widgets/HeroBackground.astro index 904bc23..a88174b 100644 --- a/src/components/widgets/HeroBackground.astro +++ b/src/components/widgets/HeroBackground.astro @@ -61,7 +61,7 @@ const { <Image src={logoPath} alt="CustomWorks Logo" - class="mx-auto max-h-20 md:max-h-24 lg:max-h-28 w-auto object-contain" + class="mx-auto max-h-16 md:max-h-24 lg:max-h-28 w-auto object-contain" widths={[200, 300, 400]} sizes="(max-width: 767px) 200px, (max-width: 1023px) 300px, 400px" loading="eager" @@ -101,10 +101,10 @@ const { { actions && ( - <div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4 lg:justify-center lg:m-0 lg:max-w-7xl intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter"> + <div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col items-center sm:flex-row sm:justify-center gap-4 lg:justify-center lg:m-0 lg:max-w-7xl intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter"> {Array.isArray(actions) ? ( actions.map((action) => ( - <div class="flex w-full sm:w-auto"> + <div class="flex w-3/5 sm:w-auto"> <HeroButton {...(action || {})} class="w-full sm:mb-0" /> </div> )) |