mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-10-31 09:10:44 +08:00
Remove unused component
Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
This commit is contained in:
@@ -1,36 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import { createIcon } from '@app/blockies';
|
||||
|
||||
export let address: string;
|
||||
export let glowOnHover = false;
|
||||
|
||||
let container: HTMLElement;
|
||||
|
||||
onMount(() => {
|
||||
const seed = address.toLowerCase();
|
||||
const avatar = createIcon({
|
||||
seed,
|
||||
size: 8,
|
||||
scale: 16,
|
||||
});
|
||||
container.style.backgroundImage = `url(${avatar.toDataURL()})`;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-width: 1rem;
|
||||
min-height: 1rem;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: var(--border-radius-round);
|
||||
}
|
||||
.icon.glowOnHover:hover {
|
||||
box-shadow: 0 0 3rem var(--color-secondary);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="icon" bind:this={container} class:glowOnHover title={address}></div>
|
||||
Reference in New Issue
Block a user