Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 69 Packages Wiki Activity Actions

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

Browse source
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
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/ceCard.astro
View file

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