Simplify form structure #5

Merged
keyemail merged 1 commit from improvements into master 2024-09-04 08:02:05 +00:00
3 changed files with 14 additions and 18 deletions
Showing only changes of commit 9bcf82249d - Show all commits

View file

@ -17,7 +17,7 @@
"@types/node": "^22.5.1", "@types/node": "^22.5.1",
"@vitejs/plugin-vue": "^5.1.3", "@vitejs/plugin-vue": "^5.1.3",
"typescript": "^5.5.3", "typescript": "^5.5.3",
"vite": "^5.4.1", "vite": "^5.4.3",
"vite-svg-loader": "^5.1.0", "vite-svg-loader": "^5.1.0",
"vue-tsc": "^2.0.29" "vue-tsc": "^2.0.29"
} }

View file

@ -7,11 +7,11 @@
<form> <form>
<label> <label>
<input type="radio" name="internetLoginOption" value="1"> <input type="radio" name="internetLoginOption" value="1">
<p>Yes</p> Yes
</label> </label>
<label> <label>
<input type="radio" name="internetLoginOption" value="2"> <input type="radio" name="internetLoginOption" value="2">
<p>No</p> No
</label> </label>
</form> </form>
</section> </section>
@ -20,11 +20,11 @@
<form> <form>
<label> <label>
<input type="radio" name="internetIPOption" value="1"> <input type="radio" name="internetIPOption" value="1">
<p>Dynamic IP from ISP</p> Dynamic IP from ISP
</label> </label>
<label> <label>
<input type="radio" name="internetIPOption" value="2"> <input type="radio" name="internetIPOption" value="2">
<p>Static IP from ISP</p> Static IP from ISP
</label> </label>
</form> </form>
</section> </section>
@ -33,11 +33,11 @@
<form> <form>
<label> <label>
<input type="radio" name="internetDNSOption" value="1"> <input type="radio" name="internetDNSOption" value="1">
<p>Automatic DNS from ISP</p> Automatic DNS from ISP
</label> </label>
<label> <label>
<input type="radio" name="internetDNSOption" value="2"> <input type="radio" name="internetDNSOption" value="2">
<p>Select DNS Servers</p> Select DNS Servers
</label> </label>
</form> </form>
</section> </section>
@ -46,15 +46,15 @@
<form> <form>
<label> <label>
<input type="radio" name="internetMACOption" value="1"> <input type="radio" name="internetMACOption" value="1">
<p>Default Address</p> Default Address
</label> </label>
<label> <label>
<input type="radio" name="internetMACOption" value="2"> <input type="radio" name="internetMACOption" value="2">
<p>Computer MAC Address</p> Computer MAC Address
</label> </label>
<label> <label>
<input type="radio" name="internetMACOption" value="2"> <input type="radio" name="internetMACOption" value="2">
<p>Specific MAC Adress</p> Specific MAC Adress
</label> </label>
</form> </form>
</section> </section>

View file

@ -112,7 +112,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
width: 400px; max-width: 400px;
} }
input[type="radio"] { input[type="radio"] {
appearance: none; appearance: none;
@ -125,7 +125,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 10px;
} }
input[type="radio"]::before { input[type="radio"]::before {
content: ""; content: "";
@ -144,14 +144,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
background-color: var(--dark-bg-alt-2-color); background-color: var(--dark-bg-alt-2-color);
height: 50px; min-height: 50px;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
p {
margin-left: 10px;
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
}