ghustvn.com
Non-official site for The Life Series Minecraft hardcore survival multiplayer series housing every video
www.life-series.online
1---
2import { Image } from 'astro:assets';
3import { getMemberImage } from '@/utils/images';
4
5interface Props {
6 memberName: string;
7 title?: string;
8}
9
10const { memberName, title } = Astro.props;
11---
12
13<div class="cluster gap-text-icon member-item-wrapper">
14 <Image
15 src={getMemberImage(memberName)}
16 alt=""
17 loading="eager"
18 width="64"
19 height="64"
20 />
21 <div class="name">{title ?? memberName}</div>
22</div>
23
24<style>
25 .member-item-wrapper {
26 --cluster-wrap: nowrap;
27 }
28
29 img {
30 max-width: 30px;
31 aspect-ratio: 1;
32 border: 1px solid var(--color-surface-2);
33 border-radius: calc(infinity * 1px);
34 }
35</style>