Fix alignment of seed address

Signed-off-by: Alexis Sellier <self@cloudhead.io>
This commit is contained in:
Alexis Sellier
2022-01-18 11:01:58 +01:00
parent 7cbdbd5944
commit d4c55bbbf4
+6 -10
View File
@@ -23,24 +23,20 @@
.seed-address {
display: inline-flex;
font-size: 1rem;
line-height: 2rem;
color: var(--color-foreground-90);
vertical-align: middle;
}
.seed-icon {
width: 1rem;
margin-right: 0.5rem;
}
.seed-address > * {
vertical-align: middle;
}
</style>
<div class="mobile">
<button class="tiny faded" disabled={seedCopied} on:click={copySeed(id, host)}>
{#if seedCopied}
Copy ✓
{:else}
Copy
{/if}
</button>
</div>
<div class="desktop">
<div class="seed-address">
<span class="seed-icon">🌱</span>
@@ -48,7 +44,7 @@
<span class="faded">:{port}</span>
</div>
</div>
<div class="desktop">
<div>
<button class="tiny faded" disabled={seedCopied} on:click={copySeed(id, host)}>
{#if seedCopied}
Copy ✓