fix some small things in new UI.

This commit is contained in:
fiatjaf 2021-08-28 08:54:54 -03:00
parent aa0f6fb2cd
commit 2b1d35ea43
3 changed files with 7 additions and 11 deletions

View File

@ -44,18 +44,14 @@
<div class="bold-small"> <div class="bold-small">
In order to edit the configuration of this address in the future you must save this secret pin: In order to edit the configuration of this address in the future you must save this secret pin:
</div> </div>
<div class="pin"> <div class="code">
{{ pin }} {{ pin }}
</div> </div>
<button class="copy-button">Copy Secret PIN</button> <button class="copy-button">Copy Secret PIN</button>
<div class="divider"></div> <div class="bold-small">
<div class="description">
To ensure the connection with your Lightning backend is configured properly, we've created a test invoice that can be seen below. To ensure the connection with your Lightning backend is configured properly, we've created a test invoice that can be seen below.
</div> </div>
<div class="bold-small"> <div class="code">
If you do not see an invoice QR code below, something in your setup was incorrect.
</div>
<div class="qr">
{{ invoice }} {{ invoice }}
</div> </div>
</div> </div>

View File

@ -57,7 +57,7 @@
</div> </div>
<div class="domain-wrapper"> <div class="domain-wrapper">
<input class="input" name="name" id="name"> <input class="input" name="name" id="name">
<span class="suffix">@ln.fitti.co{{ domain }}</span> <span class="suffix">@{{ domain }}</span>
</div> </div>
</div> </div>
<div class="field"> <div class="field">

View File

@ -39,7 +39,6 @@ body {
font-weight: 600; font-weight: 600;
max-width: 320px; max-width: 320px;
text-align: center; text-align: center;
margin-top: -20px;
margin-bottom: 20px; margin-bottom: 20px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
@ -205,13 +204,14 @@ select {
font-weight: 600; font-weight: 600;
} }
.pin { .code {
width: 320px; width: 320px;
background: #f3f3f3; background: #f3f3f3;
padding: 12px 16px; padding: 12px 16px;
border-radius: 8px; border-radius: 8px;
border: 1px solid #999999; border: 1px solid #999999;
overflow-x: scroll; white-space: pre-wrap;
word-break: break-all;
} }
.domain-wrapper { .domain-wrapper {