Glow on hover on blockies

This commit is contained in:
Alexis Sellier
2021-06-01 18:14:55 +02:00
parent 13c839c97b
commit cfc5d40880
2 changed files with 6 additions and 2 deletions
+5 -1
View File
@@ -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>
+1 -1
View File
@@ -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}