refactor: Display network interfaces on a single line

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Chris Frankland-Wright 2025-08-08 01:00:51 +01:00
parent 4c5fa69d1d
commit ba855d520a
3 changed files with 3 additions and 17 deletions

View file

@ -50,9 +50,7 @@
<img src="assets/timeturner_network.png" class="header-icon" alt="Network Icon"> <img src="assets/timeturner_network.png" class="header-icon" alt="Network Icon">
<h2>Network</h2> <h2>Network</h2>
</div> </div>
<ul id="interfaces"> <p id="interfaces">--</p>
<li>--</li>
</ul>
</div> </div>
<!-- Controls --> <!-- Controls -->

View file

@ -142,17 +142,10 @@ document.addEventListener('DOMContentLoaded', () => {
statusElements.jitterStatus.innerHTML = `<img src="${jitterIconInfo.src}" class="status-icon" alt="" title="${jitterIconInfo.tooltip}">`; statusElements.jitterStatus.innerHTML = `<img src="${jitterIconInfo.src}" class="status-icon" alt="" title="${jitterIconInfo.tooltip}">`;
statusElements.jitterStatus.className = jitterStatus.toLowerCase(); statusElements.jitterStatus.className = jitterStatus.toLowerCase();
statusElements.interfaces.innerHTML = '';
if (data.interfaces.length > 0) { if (data.interfaces.length > 0) {
data.interfaces.forEach(ip => { statusElements.interfaces.textContent = data.interfaces.join(' | ');
const li = document.createElement('li');
li.textContent = ip;
statusElements.interfaces.appendChild(li);
});
} else { } else {
const li = document.createElement('li'); statusElements.interfaces.textContent = 'No active interfaces found.';
li.textContent = 'No active interfaces found.';
statusElements.interfaces.appendChild(li);
} }
} }

View file

@ -65,11 +65,6 @@ body {
letter-spacing: 2px; letter-spacing: 2px;
} }
.card ul {
padding-left: 20px;
list-style: none;
}
.full-width { .full-width {
grid-column: 1 / -1; grid-column: 1 / -1;
} }