7a193a8 Improve styles of 'execute' anchor — radicle-explorer

Radicle web interface

Improve styles of 'execute' anchor

Alexis Sellier committed 4 years ago

commit 7a193a825d2b6c1c4a007b3dc95cf534cf2e4b1f
parent f3a1828402805e500ff2339341a8e0bcdb88db1c

2 files changed +31 -16

modified src/base/profiles/AnchorActions.svelte

@@ -98,6 +98,12 @@

   }
   .avatars {
     display: flex;
     margin-right: 0.75rem;
   }
   button.execute {
     display: flex;
     align-items: center;
     justify-content: center;
   }
 </style>

@@ -109,7 +115,7 @@

 <div class="avatars">
   {#each anchor.confirmations as signee}
     <Avatar inline source={signee} address={signee} glowOnHover />
     <Avatar inline source={signee} address={signee} />
   {/each}
 </div>

@@ -118,8 +124,8 @@

   <button on:click|stopPropagation={() => {
     action = Action.Execute;
     state = State.Confirm;
   }} class="tiny">
     Execute
   }} class="tiny execute">
     <Avatar inline source={account} address={account} /> Execute
   </button>
   <!-- Check whether or not we've signed this proposal -->
 {:else if isSigned}

modified src/base/projects/Widget.svelte

@@ -41,6 +41,13 @@

     display: flex;
     align-items: center;
   }
   article .anchor-info {
     display: flex;
     align-items: center;
   }
   article .actions {
     margin-right: 1rem;
   }
   article .commit, article .actions {
     font-family: var(--font-family-monospace);
   }

@@ -90,19 +97,21 @@

         {/if}
       </slot>
     </span>
     <span class="actions">
       <slot name="actions">
       </slot>
     </span>
     <span class="anchor-badge">
       <slot name="anchor">
         {#if anchor}
           <AnchorBadge
             commit={project.head}
             head={project.head} noText noBg
             anchors={[anchor.anchor.stateHash]} />
         {/if}
       </slot>
     <span class="anchor-info">
       <span class="actions">
         <slot name="actions">
         </slot>
       </span>
       <span class="anchor-badge">
         <slot name="anchor">
           {#if anchor}
             <AnchorBadge
               commit={project.head}
               head={project.head} noText noBg
               anchors={[anchor.anchor.stateHash]} />
           {/if}
         </slot>
       </span>
     </span>
   </div>
 </article>