saulteafarmer/Nostryfied
1
0
Fork 0
mirror of https://github.com/vitorpamplona/Nostryfied.git synced 2025-07-22 13:15:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvements in the UI

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

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

1
js/nostr-broadcast.js
View File

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

7
style.css
View File

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