From cfc5d4088052bccd2121feeca2286f976069ef98 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Tue, 1 Jun 2021 18:14:55 +0200
Subject: [PATCH] Glow on hover on blockies

---
 src/Blockies.svelte        | 6 +++++-
 src/base/orgs/Index.svelte | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Blockies.svelte b/src/Blockies.svelte
index b60084f81..be1c12e4a 100644
--- a/src/Blockies.svelte
+++ b/src/Blockies.svelte
@@ -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>
diff --git a/src/base/orgs/Index.svelte b/src/base/orgs/Index.svelte
index 039337d17..9fea5cd0c 100644
--- a/src/base/orgs/Index.svelte
+++ b/src/base/orgs/Index.svelte
@@ -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}