22437fc Make small improvements to seed page — radicle-explorer

Radicle web interface

Make small improvements to seed page

Alexis Sellier committed 4 years ago

commit 22437fcf4f2aefd8da9849cb7a56a24fe0fc775d
parent 066a4152340d6d09a51701f7e21ff10ae5905836

5 files changed +8 -5

modified public/index.css

@@ -78,7 +78,7 @@

 body {
 	font-size: 16px;
 	font-weight: 400;
 	line-height: 1.6;
 	line-height: 1.5;
 	min-width: var(--content-min-width);
 	height: 100%;
 	margin: 0;

modified src/Icon.svelte

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

     },
     {
       name: "fork",
       size: 17,
       size: 16,
       offset: { x: -1, y: 0 },
       data: `<circle cx="6.5" cy="13.5" r="2" stroke="#5555FF"/><circle cx="10.5" cy="2.5" r="2" stroke="#5555FF"/><circle cx="2.5" cy="2.5" r="2" stroke="#5555FF"/><path d="M6.5 11.5C6.5 7 2.5 8 2.5 5.5C2.5 3.9 2.5 4.66667 2.5 4" stroke="#5555FF"/><path d="M6.5 11.5C6.5 7 10.5 8 10.5 5.5C10.5 3.9 10.5 4.66667 10.5 4" stroke="#5555FF"/>`
     }
   ];

@@ -48,7 +49,7 @@

   <svg role="img" class={$$props.class} class:inline class:fill
        width={width || "1rem"}
        height={height || "1rem"}
        viewBox="0 0 {svg.size} {svg.size}">
        viewBox="{svg.offset?.x || 0} {svg.offset?.y || 0} {svg.size} {svg.size}">
     {@html svg.data}
   </svg>
 {/if}

modified src/base/projects/Header.svelte

@@ -192,6 +192,7 @@

   .stat {
     font-family: var(--font-family-monospace);
     padding: 0.5rem 0.75rem;
     height: 2.125rem;
     background: var(--color-foreground-background);
   }
   .stat.active {

modified src/base/projects/PeerSelector.svelte

@@ -58,6 +58,7 @@

     align-items: center;
     font-family: var(--font-family-monospace);
     padding: 0.5rem 0.75rem;
     height: 2.125rem;
     background: var(--color-foreground-background);
   }
   @media (max-width: 720px) {

@@ -71,7 +72,7 @@

 <div class="selector">
   <span>
     <div on:click={() => toggleDropdown("peer")} class="stat peer" class:not-allowed={!peers}>
       <Icon name="fork" width={25} height={17} />
       <Icon name="fork" width={15} height={15} />
       {#if peer}
         {formatSeedId(peer)}
       {/if}

modified src/base/seeds/View.svelte

@@ -86,7 +86,7 @@

       <div class="info">
         <span class="title">
           <span class="bold">
             {seedAddress}
             🌱 {seedAddress}
           </span>
         </span>
       </div>