ui
This commit is contained in:
parent
248744dc3d
commit
3ab8898b21
3 changed files with 29 additions and 4 deletions
|
|
@ -55,7 +55,6 @@
|
||||||
<div class="checkbox-container">
|
<div class="checkbox-container">
|
||||||
<div class="checkbox" style="margin-top: 12px">
|
<div class="checkbox" style="margin-top: 12px">
|
||||||
<input type="radio" id="backup" name="backup-option" />
|
<input type="radio" id="backup" name="backup-option" />
|
||||||
<div class="checkbox-shape"></div>
|
|
||||||
<label for="backup">
|
<label for="backup">
|
||||||
Encrypted Backup to Nostr Relay
|
Encrypted Backup to Nostr Relay
|
||||||
</label>
|
</label>
|
||||||
|
|
@ -64,7 +63,6 @@
|
||||||
<div class="checkbox-container">
|
<div class="checkbox-container">
|
||||||
<div class="checkbox manual-checkbox" style="margin-top: 12px">
|
<div class="checkbox manual-checkbox" style="margin-top: 12px">
|
||||||
<input type="radio" id="manual-backup" name="backup-option" />
|
<input type="radio" id="manual-backup" name="backup-option" />
|
||||||
<div class="checkbox-shape"></div>
|
|
||||||
<label for="manual-backup">
|
<label for="manual-backup">
|
||||||
DO NOT store on relay (Manual Backups)
|
DO NOT store on relay (Manual Backups)
|
||||||
</label>
|
</label>
|
||||||
|
|
|
||||||
|
|
@ -133,6 +133,10 @@ a {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.checkbox input[type="radio"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Create a new box */
|
/* Create a new box */
|
||||||
.checkbox label {
|
.checkbox label {
|
||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
|
|
@ -157,6 +161,31 @@ a {
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.checkbox input[type="radio"] + label::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid #a3a3a3;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox input[type="radio"]:checked + label::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 5px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #a012c7;
|
||||||
|
}
|
||||||
|
|
||||||
/* Display a checkmark when the checkbox is checked */
|
/* Display a checkmark when the checkbox is checked */
|
||||||
.checkbox input[type="checkbox"]:checked + .checkbox-shape::before {
|
.checkbox input[type="checkbox"]:checked + .checkbox-shape::before {
|
||||||
content: "✓";
|
content: "✓";
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,6 @@
|
||||||
<section class="setup-content">
|
<section class="setup-content">
|
||||||
<div class="checkbox" style="margin-top: 60px">
|
<div class="checkbox" style="margin-top: 60px">
|
||||||
<input type="radio" id="automate" name="service" data-group="service" />
|
<input type="radio" id="automate" name="service" data-group="service" />
|
||||||
<div class="checkbox-shape"></div>
|
|
||||||
<label for="automate" class="automate">
|
<label for="automate" class="automate">
|
||||||
Use Automation Service
|
Use Automation Service
|
||||||
<div class="question-box">
|
<div class="question-box">
|
||||||
|
|
@ -58,7 +57,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="checkbox" style="margin-top: 30px">
|
<div class="checkbox" style="margin-top: 30px">
|
||||||
<input type="radio" id="manual" name="service" data-group="service" />
|
<input type="radio" id="manual" name="service" data-group="service" />
|
||||||
<div class="checkbox-shape"></div>
|
|
||||||
<label for="manual">Manage my channels manually</label>
|
<label for="manual">Manage my channels manually</label>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue