improvements in the UI

This commit is contained in:
Vitor Pamplona 2024-01-29 14:08:16 -05:00
parent b16cfc09f2
commit d14d9aa2fb
3 changed files with 14 additions and 13 deletions

View File

@ -45,7 +45,7 @@
<form> <form>
<div> <div>
<form> <form>
<div class="space-between-small"> <div class="space-between-small-left">
<p> <p>
From relays From relays
<input <input
@ -66,7 +66,7 @@
</p> </p>
</div> </div>
<div class="space-between-small"> <div class="space-between-small-left">
<p> <p>
By and about By and about
<input <input
@ -77,6 +77,13 @@
onchange="pubkeyOnChange()" onchange="pubkeyOnChange()"
placeholder="Public key (npub or hex)" placeholder="Public key (npub or hex)"
required /> required />
<button
id="get-from-extension"
onclick="getFromExtension(); return false;"
style="">
Get from extension
</button>
</p> </p>
</div> </div>
<div class="space-between-small"> <div class="space-between-small">
@ -102,7 +109,7 @@
</div> </div>
</div> </div>
<div class="space-between-small"> <div class="space-between-small-left">
<p> <p>
To relays To relays
<input <input
@ -142,12 +149,6 @@
style="display: none"> style="display: none">
Broadcast from File Broadcast from File
</button> </button>
<button
id="get-from-extension"
onclick="getFromExtension(); return false;"
style="display: none">
Get from extension
</button>
</p> </p>
</div> </div>
</form> </form>

View File

@ -98,7 +98,6 @@ const getFromExtension = async () => {
const pubkeyOnChange = () => { const pubkeyOnChange = () => {
$('#fetch-and-broadcast').css('display', '') $('#fetch-and-broadcast').css('display', '')
$('#get-from-extension').css('display', 'none')
} }
if (window.nostr) { if (window.nostr) {

View File

@ -105,7 +105,7 @@ progress[value="75"]::-webkit-progress-value {
p { p {
max-width: 52ch; max-width: 80ch;
line-height: 1.5; line-height: 1.5;
padding: .3em; padding: .3em;
margin-top: 5px; margin-top: 5px;
@ -162,6 +162,7 @@ a {
.space-between-small-left { .space-between-small-left {
display: flex; display: flex;
justify-content: left; justify-content: left;
text-align: left;
} }
h2 { h2 {
@ -220,7 +221,7 @@ h2 {
#relaySet { #relaySet {
width: 450px !important; width: 550px !important;
} }
@media screen and (max-width: 1080px) { @media screen and (max-width: 1080px) {
@ -241,7 +242,7 @@ h2 {
#relaySetBroadcast { #relaySetBroadcast {
width: 450px !important; width: 550px !important;
} }
@media screen and (max-width: 1080px) { @media screen and (max-width: 1080px) {