Fixed background image size for info section

This commit is contained in:
Julio Ruiz 2026-02-11 22:29:07 -05:00
parent 3a9c8a8488
commit a7e5c8abac
2 changed files with 2 additions and 2 deletions

View File

@ -6,7 +6,7 @@ import Button from "./ui/Button.astro";
const background = props.bgImage || props.bgColor; const background = props.bgImage || props.bgColor;
--- ---
<div style={{ background: props.bgImage ? `url('${props.bgImage}') center/cover no-repeat` : props.bgColor }} class={`aspect-square bg-cover py-12 px-16 flex flex-col justify-evenly`}> <div style={{ background: props.bgImage ? `url('${props.bgImage}') center no-repeat; background-size:680px;` : props.bgColor }} class={`aspect-square py-12 px-16 flex flex-col justify-evenly`}>
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
{props.hasIcon && ( {props.hasIcon && (

View File

@ -9,7 +9,7 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
<div class="container mx-auto"> <div class="container mx-auto">
<div class="grid grid-cols-3"> <div class="grid grid-cols-3">
{ infoboxes.map((box) => ( { infoboxes.map((box) => (
<BoxContainer props={box} /> <BoxContainer props={box} />
))} ))}
</div> </div>
<div class="grid grid-cols-3 h-auto bg-white w-full"> <div class="grid grid-cols-3 h-auto bg-white w-full">