mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-15 03:20:33 +08:00
39 lines
684 B
Svelte
39 lines
684 B
Svelte
<script lang="ts">
|
|
import { createIcon } from "@app/lib/blockies";
|
|
|
|
const {
|
|
publicKey,
|
|
}: {
|
|
publicKey: string;
|
|
} = $props();
|
|
|
|
function createContainer(source: string) {
|
|
const seed = source.toLowerCase();
|
|
const avatar = createIcon({
|
|
seed,
|
|
size: 8,
|
|
scale: 16,
|
|
});
|
|
return avatar.toDataURL();
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.avatar {
|
|
display: block;
|
|
width: inherit;
|
|
object-fit: cover;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
clip-path: var(--1px-corner-fill);
|
|
}
|
|
</style>
|
|
|
|
<img
|
|
title={publicKey}
|
|
src={createContainer(publicKey)}
|
|
class="avatar"
|
|
alt="avatar" />
|