947583a Add inline property to Avatar component — radicle-explorer

Radicle web interface

Add inline property to Avatar component

Sebastian Martinez committed 4 years ago

commit 947583a7c199e07a6ca0d4d9090c4a51e760f4a1
parent b74943609d78a5b21fef02993e25b38d03b9b5ed

1 file changed +7 -7

modified src/Avatar.svelte

@@ -1,16 +1,16 @@

 <script lang="typescript">
   import { onMount } from 'svelte';
   import { createIcon } from '@app/blockies';
   import { isAddress } from './utils';
   import { isAddress } from '@app/utils';
   export let source: string;
   export let icon: boolean = true;
   export let inline = false;
   export let glowOnHover = false;
   let container: HTMLElement;
   onMount(() => {
     if(isAddress(source)) {
     if (isAddress(source)) {
       const seed = source.toLowerCase();
       const avatar = createIcon({
         seed,

@@ -35,7 +35,7 @@

   .avatar.glowOnHover:hover {
     box-shadow: 0 0 3rem var(--color-secondary);
   }
   .icon {
   .inline {
     display: inline-block;
     width: 1rem;
     height: 1rem;

@@ -44,7 +44,7 @@

 </style>
 {#if isAddress(source)}
   <div class="avatar" class:icon bind:this={container} class:glowOnHover title={source}/>
   <div class="avatar" class:inline bind:this={container} class:glowOnHover title={source}/>
 {:else}
   <img class="avatar" class:icon src={source} class:glowOnHover alt="avatar"/>
 {/if}
 \ No newline at end of file
   <img class="avatar" class:inline src={source} class:glowOnHover alt="avatar"/>
 {/if}