ea825d9 Use blockies for user avatars — radicle-explorer

Radicle web interface

Use blockies for user avatars

Alexis Sellier committed 4 years ago

commit ea825d9a9baf01b038b00a5a60547359edbda8e2
parent 8a4bd48a927e2966c9a363775c2945c4323965b9

2 files changed +7 -4

modified public/index.css

@@ -13,6 +13,7 @@

 	--color-primary-6: #ffd4ff;
 	--color-primary-faded: #ff55ff77;
 	--color-secondary: #5555ff;
 	--color-secondary-background: #5555ff11;
 	--color-secondary-faded: #5555ff77;
 	--color-secondary-1: #212847;
 	--color-secondary-2: #2c326d;

modified src/base/projects/Widget.svelte

@@ -2,6 +2,7 @@

   import { onMount } from 'svelte';
   import type { Config } from '@app/config';
   import Loading from '@app/Loading.svelte';
   import Blockies from '@app/Blockies.svelte';
   import { getMetadata } from './Project';
   import type { Project, Meta } from './Project';

@@ -33,9 +34,10 @@

 <style>
   article {
     padding: 1rem;
     border: 1px solid var(--color-secondary);
     border: 1px solid var(--color-secondary-faded);
   }
   article .id {
     font-size: 1rem;
     font-weight: 600;
     margin-bottom: 0.5rem;
   }

@@ -62,7 +64,7 @@

   article:hover .id .urn {
     visibility: visible;
   }
   article .emoji {
   article .avatar {
     display: flex;
     justify-content: center;
     align-items: center;

@@ -83,8 +85,8 @@

       <span>commit {project.stateHash}</span>
       <span>
         {#each meta.maintainers as user}
           <span class="emoji" style={`background-color: rgb(${user.avatar.background.r}, ${user.avatar.background.g}, ${user.avatar.background.b})`}>
             {user.avatar.emoji}
           <span class="avatar">
             <Blockies address={user.urn} />
           </span>
         {/each}
       </span>