06f9e92 Improve loading of anchor — radicle-explorer

Radicle web interface

Improve loading of anchor

Alexis Sellier committed 4 years ago

commit 06f9e927eba88bba2e02fc411a3d1469b8844607
parent e7ef9e7ad9f97d422150e3860ca30b88c0e035d5

2 files changed +25 -18

modified src/Loading.svelte

@@ -12,6 +12,9 @@

     width: 70px;
     text-align: center;
     cursor: wait;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
   }
   .spinner.center {
     margin: auto auto;

modified src/base/projects/Browser.svelte

@@ -46,15 +46,17 @@

   }
   .anchor {
     font-size: 0.75rem;
     padding: 0.75rem;
     display: inline-block;
     color: var(--color-positive);
     background-color: var(--color-positive-background);
     border-radius: 0.25rem;
     margin-left: 0.75rem;
     display: flex;
   }
   .anchor-widget {
     display: flex;
     padding: 0.75rem;
     color: var(--color-yellow);
     background-color: var(--color-yellow-background);
     font-size: 0.75rem;
     border-radius: 0.25rem;
   }
   .anchor-label {
     margin-right: 0.5rem;
   }

@@ -113,18 +115,20 @@

       <div class="commit">
         commit {commit}
       </div>
       {#if org}
         {#await getAnchor}
           <Loading small margins />
         {:then anchor}
           {#if anchor === commit}
             <span class="anchor">
               <span class="anchor-label">anchor</span>
               <Address address={org} compact resolve noBadge {config} />
             </span>
           {/if}
         {/await}
       {/if}
       <div class="anchor">
         {#if org}
           {#await getAnchor}
             <Loading small margins />
           {:then anchor}
             {#if anchor === commit}
               <span class="anchor-widget">
                 <span class="anchor-label">anchor</span>
                 <Address address={org} compact resolve noBadge {config} />
               </span>
             {/if}
           {/await}
         {/if}
       </div>
     </header>
     <div class="container center-content">
       {#if tree.entries.length}