RouterUI/router-ui-frontend
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Simplify form structure #5

Merged
keyemail merged 1 commit from improvements into master 2024-09-04 08:02:05 +00:00
Conversation 0 Commits 1 Files changed 3 +14 -18
3 changed files with 14 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

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

18
src/pages/basicDashboard/InternetSetup.vue
View file

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

10
src/styles/basicDashboard.css
View file

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