1bd2c6d Fix centering of modals and a few other styles — radicle-explorer

Radicle web interface

Fix centering of modals and a few other styles

Alexis Sellier committed 4 years ago

commit 1bd2c6d23f9823e1f7705ce27243c3fb7b4f9831
parent 3a327f80879ace5b9512594685f077d6a8c453e3

9 files changed +10 -11

modified public/index.css

@@ -335,7 +335,7 @@ label.input {

 	background: var(--color-yellow-background);
 }
 .centered {
 .off-centered {
 	height: 100%;
 	padding-top: 5rem;
 	padding-bottom: 24vh;

modified src/Modal.svelte

@@ -97,7 +97,7 @@

   <div class="modal-overlay"></div>
 {/if}
 <div class:modal-floating={floating} class:centered={!center}>
 <div class:modal-floating={floating} class:off-centered={!center}>
   <div class="modal" class:error
        class:modal-subtle={subtle}
        class:modal-narrow={narrow}

modified src/base/orgs/Create.svelte

@@ -141,7 +141,7 @@

     </span>
   </Modal>
 {:else} <!-- Org creation flow -->
   <Modal floating on:close>
   <Modal floating on:close center>
     <span slot="title">
       <div>🎪</div>
       <span>Create an Org</span>

modified src/base/orgs/Index.svelte

@@ -36,8 +36,7 @@

     margin-bottom: 2rem;
   }
   .orgs-empty {
     margin-left: 2rem;
     padding: 1rem 0 2rem 0;
     padding: 2rem 0 1rem 0;
     font-style: italic;
     color: var(--color-foreground-faded);
   }

modified src/base/orgs/View.svelte

@@ -148,14 +148,14 @@

 </svelte:head>
 {#await Org.get(addressOrName, config)}
   <main class="centered">
   <main class="off-centered">
     <Loading center />
   </main>
 {:then org}
   {#if org}
     <main>
       {#await org.getProfile(ProfileType.Full, config)}
         <div class="centered">
         <div class="off-centered">
           <Loading center />
         </div>
       {:then profile}

modified src/base/projects/View.svelte

@@ -8,7 +8,7 @@

   import { Org } from '@app/base/orgs/Org';
   import { Profile, ProfileType } from '@app/profile';
   import type { Info } from '@app/project';
   import { formatOrg, isAddressEqual } from '@app/utils';
   import { formatOrg } from '@app/utils';
   import Browser from './Browser.svelte';

modified src/base/registrations/Index.svelte

@@ -38,7 +38,7 @@

   <title>Radicle: Register</title>
 </svelte:head>
 <main class="centered">
 <main class="off-centered">
   <div>
     <div class="input-caption">
       Register a <strong>{config.registrar.domain}</strong> name

modified src/base/resolver/Query.svelte

@@ -52,7 +52,7 @@

   <title>Radicle: {query}</title>
 </svelte:head>
 <main class="centered">
 <main class="off-centered">
   {#if error}
     <Error on:close={() => navigate('/')}>
       Invalid query string “{query}”

modified src/base/vesting/Index.svelte

@@ -57,7 +57,7 @@

   <title>Radicle &ndash; Vesting</title>
 </svelte:head>
 <main class="centered">
 <main class="off-centered">
   <div>
     {#if info}
       <Modal>