mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-01 01:30:46 +08:00
Glow on hover on blockies
This commit is contained in:
+5
-1
@@ -3,6 +3,7 @@
|
||||
import { createIcon } from '@app/blockies';
|
||||
|
||||
export let address: string;
|
||||
export let glowOnHover = false;
|
||||
|
||||
let container: HTMLElement;
|
||||
|
||||
@@ -27,6 +28,9 @@
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.icon.glowOnHover:hover {
|
||||
box-shadow: 0 0 3rem var(--color-secondary);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="icon" bind:this={container}></div>
|
||||
<div class="icon" bind:this={container} class:glowOnHover></div>
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
{#each orgs as org}
|
||||
<div class="org">
|
||||
<Link to={`/orgs/${org.address}`}>
|
||||
<Blockies address={org.address} />
|
||||
<Blockies glowOnHover address={org.address} />
|
||||
</Link>
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
Reference in New Issue
Block a user