d8a3779 Improve org page loading visuals — radicle-explorer

Radicle web interface

Improve org page loading visuals

Alexis Sellier committed 4 years ago

commit d8a3779293c9cd97f2e352681caab9ea65b6fdd5
parent 8a6c2938a63a3f924d0a3c1de3dc536c3300e525

3 files changed +8 -4

modified src/Address.svelte

@@ -47,8 +47,6 @@

     color: var(--color-foreground);
   }
   .loading {
     margin-left: 1rem;
     width: 4rem;
     height: 1.5rem;
   }
 </style>

modified src/Loading.svelte

@@ -11,6 +11,7 @@

   .container {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
   }

modified src/base/orgs/View.svelte

@@ -50,6 +50,7 @@

 <style>
   main {
     padding: 5rem 0;
     width: 54rem;
   }
   main > header {
     display: flex;

@@ -121,12 +122,16 @@

 </style>
 {#await Org.get(address, config)}
   <Loading fadeIn />
   <main class="centered">
     <Loading center />
   </main>
 {:then org}
   {#if org}
     <main>
       {#await Profile.get(address, config)}
         <Loading fadeIn />
         <div class="centered">
           <Loading center />
         </div>
       {:then profile}
         <header>
           <div class="avatar">