Fixed aspect ratio
All checks were successful
/ checking (push) Successful in 15s
/ build-site (push) Successful in 2m6s
/ publish (push) Successful in 9s
/ unlighthouse (push) Successful in 33s
/ deploy-unlighthouse-files (push) Successful in 9s
/ deploy-unlighthouse-site (push) Successful in 6s

This commit is contained in:
Firq 2023-12-25 19:05:07 +01:00
parent ac7e9f089e
commit 3c97d6687c
Signed by: Firq
GPG key ID: 4DE1059A4666E89F

View file

@ -1,6 +1,6 @@
---
import type { ImageMetadata } from 'astro';
import { Image } from 'astro:assets';
import type { ImageMetadata } from 'astro'
import { Image } from 'astro:assets'
import mlb_ce from '../assets/ce/mlb.webp'
export interface Props {
@ -11,7 +11,9 @@ export interface Props {
const { mlb, imageFile, name } = Astro.props
const imagePath = `/src/assets/ce/${imageFile}`
const images_ces = import.meta.glob<{ default: ImageMetadata }>('/src/assets/ce/*.webp')
const images_ces = import.meta.glob<{ default: ImageMetadata }>(
'/src/assets/ce/*.webp'
)
let mlb_image: string = 'mlbalign'
if (mlb === 'false') {
@ -21,10 +23,10 @@ if (mlb === 'false') {
<article>
<div>
<Image src={images_ces[imagePath]()} alt={name} class="ce-crop"/>
<Image src={images_ces[imagePath]()} alt={name} class="ce-crop" />
</div>
<div class={mlb_image}>
<Image src={mlb_ce} alt="Max-limit broken" class="mlb"/>
<Image src={mlb_ce} alt="Max-limit broken" class="mlb" />
</div>
</article>
@ -89,6 +91,7 @@ if (mlb === 'false') {
.mlb {
width: 5.5rem;
height: auto;
margin-left: auto;
margin-right: auto;
}