images fill box

This commit is contained in:
Oliver Bryan
2025-10-26 10:25:05 +00:00
parent acd6264dcc
commit a3273c71bb
3 changed files with 10 additions and 12 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 31 KiB

View File

@@ -8,14 +8,11 @@ interface Props {
const { image, title, type = "simple" } = Astro.props; const { image, title, type = "simple" } = Astro.props;
--- ---
{type === "boxed" ? ( {
type === "boxed" ? (
<div class="border demo-border"> <div class="border demo-border">
<span>{title}</span> <span>{title}</span>
<img <img src={image} alt={title} class="object-cover w-full" />
src={image}
alt={title}
class="object-cover"
/>
</div> </div>
) : ( ) : (
<img <img
@@ -23,4 +20,5 @@ const { image, title, type = "simple" } = Astro.props;
alt={title} alt={title}
class="w-full h-full object-cover demo-border" class="w-full h-full object-cover demo-border"
/> />
)} )
}