Radish alpha
r
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Use address rendering in org success screen
Alexis Sellier committed 4 years ago
commit fdd3b9c35f38e7ec86eb38cb9cc231d8a91ae222
parent 709a2afadc6cd9186181ddbe1220fe3cac7dadf2
1 file changed +22 -4
modified src/base/orgs/Create.svelte
@@ -8,6 +8,7 @@
  import type { Config } from '@app/config';
  import Loading from '@app/Loading.svelte';
  import Options from '@app/Options.svelte';
+
  import Address from '@app/Address.svelte';

  export let config: Config;
  export let owner: string;
@@ -64,6 +65,20 @@
  };
</script>

+
<style>
+
  .fields {
+
    display: grid;
+
    grid-template-columns: 1fr 7fr;
+
    grid-gap: 0.5rem 2rem;
+
  }
+
  .fields > span {
+
    justify-self: start;
+
    align-self: center;
+
    height: 2rem;
+
    line-height: 2rem;
+
  }
+
</style>
+

{#if error}
  <Error {error} floating on:close />
{:else if org} <!-- Org created -->
@@ -77,10 +92,13 @@
    </span>

    <span slot="body">
-
      <table>
-
        <tr><td class="label">Address</td><td>{org.address}</td></tr>
-
        <tr><td class="label">Owner</td><td>{org.owner}</td></tr>
-
      </table>
+
      <div class="fields">
+
        <span class="label">Address</span>
+
        <span><Address address={org.address} {config} /></span>
+

+
        <span class="label">Owner</span>
+
        <span><Address address={org.owner} {config} /></span>
+
      </div>
    </span>

    <span slot="actions">