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

Reworked assets & improved image optimization #13

Merged
Firq merged 9 commits from dev into main 2023-12-26 00:09:06 +00:00
Conversation 0 Commits 9 Files changed 232 +8 -5
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 3c97d6687c - Show all commits

13
src/components/ceCard.astro
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;
}