- Fixed incorrect svg rendering. Signed-off-by: Noa Virellia <noa@requiem.garden>
28 lines
751 B
Plaintext
28 lines
751 B
Plaintext
---
|
|
import { Image } from 'astro:assets';
|
|
import NormalBadgeTemplate from '@assets/badges/normal.webp';
|
|
import RainbowBadgeTemplate from '@assets/badges/rainbow.webp';
|
|
import TransBadgeTemplate from '@assets/badges/trans.webp';
|
|
---
|
|
|
|
<div class="badge-row">
|
|
<Image class="badge" src={NormalBadgeTemplate} alt="NormalBadgeTemplate" />
|
|
<Image class="badge" src={RainbowBadgeTemplate} alt="RainbowBadgeTemplate" />
|
|
<Image class="badge" src={TransBadgeTemplate} alt="TransBadgeTemplate" />
|
|
</div>
|
|
|
|
<style>
|
|
.badge-row {
|
|
display: flex;
|
|
gap: 1.5rem;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.badge {
|
|
margin-top: 0;
|
|
min-width: 0;
|
|
width: clamp(180px, 24vw, 240px);
|
|
height: auto;
|
|
}
|
|
</style>
|