93 lines
2.9 KiB
Svelte
93 lines
2.9 KiB
Svelte
<h3 class="text-lg">Standard Avatars</h3>
|
|
<div class="relative rounded-full w-4 h-4">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
<div class="relative rounded-full w-8 h-8">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
<div class="relative rounded-full w-12 h-12">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
<div class="relative rounded-full w-16 h-16">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
<div class="relative rounded-full w-20 h-20">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
<div class="relative rounded-full w-24 h-24">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
<h3 class="text-lg">Status Avatars</h3>
|
|
<div class="relative rounded-full w-4 h-4">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
<div class="absolute rounded-full right-0 bottom-0 w-1 h-1 bg-gray-200" />
|
|
</div>
|
|
<div class="relative rounded-full w-8 h-8">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
<div class="absolute rounded-full right-0 bottom-0 w-2 h-2 bg-green-400" />
|
|
</div>
|
|
<div class="relative rounded-full w-12 h-12">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
<div class="absolute rounded-full right-0 bottom-0 w-4 h-4 bg-red-600" />
|
|
</div>
|
|
<div class="relative rounded-full w-16 h-16">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
<div class="absolute rounded-full right-0 bottom-0 w-5 h-5 bg-gray-200" />
|
|
</div>
|
|
<div class="relative rounded-full w-20 h-20">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
<div class="absolute rounded-full right-0 bottom-0 w-6 h-6 bg-green-400" />
|
|
</div>
|
|
<div class="relative rounded-full w-24 h-24">
|
|
<img
|
|
alt=""
|
|
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
/>
|
|
<div class="absolute rounded-full right-0 bottom-0 w-6 h-6 bg-red-600" />
|
|
</div>
|