feat(docs/badge-customization): add badge customization directions

Signed-off-by: Noa Virellia <noa@requiem.garden>
This commit is contained in:
2025-12-11 12:37:31 +08:00
parent 096d477fde
commit 8fdf5b1e00
6 changed files with 127 additions and 1 deletions

View File

@@ -0,0 +1,25 @@
---
import NormalBadgeTemplate from '@assets/badges/normal.svg';
import RainbowBadgeTemplate from '@assets/badges/rainbow.svg';
import TransBadgeTemplate from '@assets/badges/trans.svg';
---
<div class="badge-row">
<NormalBadgeTemplate class="badge" />
<RainbowBadgeTemplate class="badge" />
<TransBadgeTemplate class="badge" />
</div>
<style>
.badge-row {
display: flex;
gap: 1.5rem;
align-items: flex-start;
}
.badge {
margin-top: 0;
width: clamp(180px, 24vw, 240px);
height: auto;
}
</style>