389730a Improve 'Loading' component — radicle-explorer

Radicle web interface

Improve 'Loading' component

Alexis Sellier committed 4 years ago

commit 389730a4a6aac08de5fb3e0df15668033e9d1d2d
parent f0051799113c821cc3c9f05cc0e186d8f6503a8c

1 file changed +14 -6

modified src/Loading.svelte

@@ -8,6 +8,12 @@

 </script>
 <style>
   .container {
     display: flex;
     align-items: center;
     height: 100%;
   }
   .spinner {
     margin: auto 0;
     width: 70px;

@@ -106,10 +112,12 @@

   }
 </style>
 <div class="spinner" class:fade-in={fadeIn} class:small class:center class:margins class:condensed>
   <div class="bounce1" style="background-color: var(--color-{color})"></div>
   {#if !condensed}
     <div class="bounce2" style="background-color: var(--color-{color})"></div>
     <div class="bounce3" style="background-color: var(--color-{color})"></div>
   {/if}
 <div class="container">
   <div class="spinner" class:fade-in={fadeIn} class:small class:center class:margins class:condensed>
     <div class="bounce1" style="background-color: var(--color-{color})"></div>
     {#if !condensed}
       <div class="bounce2" style="background-color: var(--color-{color})"></div>
       <div class="bounce3" style="background-color: var(--color-{color})"></div>
     {/if}
   </div>
 </div>