updated status page

This commit is contained in:
polarDefender 2024-06-03 10:32:56 -07:00
parent 641385a99d
commit f9af31d4a7
3 changed files with 37 additions and 29 deletions

View file

@ -17,12 +17,19 @@
color: #ccc731; color: #ccc731;
} }
.editabl-content { .editable-content {
font-size: 12px; font-size: 12px;
display: flex; display: flex;
justify-content: end; justify-content: end;
align-items: center; align-items: center;
color: #999999; color: #999999;
max-width: 50%;
}
.editable-content>input {
border: none;
box-shadow: none;
text-align: right;
} }
.invite-link { .invite-link {

View file

@ -81,6 +81,7 @@ input[type="text"] {
border: 1px solid #c740c7; border: 1px solid #c740c7;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
outline: none;
color: #999999; color: #999999;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
} }

View file

@ -38,42 +38,42 @@
<section class="node-status"> <section class="node-status">
<div> <div>
<div class="status-element" style="margin-top: 15px;"> <div class="status-element" style="margin-top: 15px;">
<div>Public Node Name:</div> <div style="text-align: left;">Public Node Name:</div>
<div class="fc-grey editabl-content"> <div class="fc-grey editable-content">
Nodey McNodeFace <input type="text" value="" placeholder="Nodey McNodeFace" />
<div class="question-box"> <div class="question-box">
<button class="icon-button" id="show-nodey"> <button class="icon-button" id="show-nodey">
<img src="img/pencil.svg" /> <img src="img/pencil.svg" style="cursor: pointer;" />
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="status-element" style="margin-top: 15px;"> <div class="status-element" style="margin-top: 15px;">
<div>Nostr Relay:</div> <div style="text-align: left;">Nostr Relay:</div>
<div class="fc-grey editabl-content"> <div class="fc-grey editable-content">
wss://relay.lightning.pub <input type="text" placeholder="wss://relay.lightning.pub" value="" />
<div class="question-box"> <div class="question-box">
<button class="icon-button" id="show-nostr"> <button class="icon-button" id="show-nostr">
<img src="img/pencil.svg" /> <img src="img/pencil.svg" style="cursor: pointer;" />
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="status-element" style="margin-top: 15px;"> <div class="status-element" style="margin-top: 15px;">
<div>Administrator:</div> <div>Administrator:</div>
<div> <div>
npub12334556677889990 npub12334556677889990
</div> </div>
</div> </div>
</div> </div>
<div style="display: flex; justify-content: end;padding-right: 12px;"> <div style="display: flex; justify-content: end;padding-right: 12px;">
<div class="marked" id="show-reset" style="text-decoration: underline; margin-top: 5px;position: relative;">Reset <div class="marked" id="show-reset" style="text-decoration: underline; margin-top: 5px;position: relative;">Reset
<div class="watchdog-status"> <div class="watchdog-status">
<button class="icon-button" id="show-question"> <button class="icon-button" id="show-question">
<img src="img/question.svg" /> <img src="img/question.svg" />
</button> </button>
</div>
</div> </div>
</div>
</div> </div>
<div id="reset-box"> <div id="reset-box">
<div style="width: 100%;height: 100%;position: relative;"> <div style="width: 100%;height: 100%;position: relative;">