whilb/calculator.127local.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

usability changes

Browse source
This commit is contained in:
whilb 2025-09-02 17:42:39 -07:00
parent d15f0d430f
commit bfb8082c54
4 changed files with 33 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/calculators/subnet.js
View file

@ -53,9 +53,9 @@ export default {
<label style="display: block; margin-bottom: 8px; font-weight: 500; color: var(--text);">
CIDR Notation (Alternative)
</label>
<span style="color: var(--muted); margin-right: 10px;">/</span>
<input type="number" name="cidr" value="${s.cidr}" min="0" max="32"
style="width: 200px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 16px;">
<span style="color: var(--muted); margin-left: 10px;">/</span>
</div>
</div>
`;
@ -97,6 +97,10 @@ export default {
ipv6CidrLabel.style.cssText = 'display: block; margin-bottom: 8px; font-weight: 500; color: var(--text);';
ipv6CidrLabel.textContent = 'CIDR Prefix Length';
const ipv6CidrSpan = document.createElement('span');
ipv6CidrSpan.style.cssText = 'color: var(--muted); margin-right: 10px;';
ipv6CidrSpan.textContent = '/';
const ipv6CidrInput = document.createElement('input');
ipv6CidrInput.type = 'number';
ipv6CidrInput.name = 'ipv6Cidr';
@ -105,13 +109,9 @@ export default {
ipv6CidrInput.max = '128';
ipv6CidrInput.style.cssText = 'width: 200px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 16px;';
const ipv6CidrSpan = document.createElement('span');
ipv6CidrSpan.style.cssText = 'color: var(--muted); margin-left: 10px;';
ipv6CidrSpan.textContent = '/';
ipv6CidrContainer.appendChild(ipv6CidrLabel);
ipv6CidrContainer.appendChild(ipv6CidrInput);
ipv6CidrContainer.appendChild(ipv6CidrSpan);
ipv6CidrContainer.appendChild(ipv6CidrInput);
// Add all elements to IPv6 section
ipv6Section.appendChild(ipv6AddressContainer);