Fixed background image size for info section
This commit is contained in:
parent
3a9c8a8488
commit
a7e5c8abac
|
|
@ -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 && (
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue