cfc5d40 Glow on hover on blockies — radicle-explorer

Radicle web interface

Glow on hover on blockies

Alexis Sellier committed 4 years ago

commit cfc5d4088052bccd2121feeca2286f976069ef98
parent 13c839c97b5b22d13de371dfa5ce3f749aeb0309

2 files changed +6 -2

modified 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>

modified 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}