hyvä siitä tulee

This commit is contained in:
2026-04-02 18:31:24 +03:00
parent 31995fb278
commit 2ad20bdc62

View File

@@ -54,10 +54,11 @@ h1 { color:var(--accent); margin-bottom:5px; }
.stat-card { background:var(--panel); border:1px solid var(--border); border-radius:8px; padding:16px; text-align:center; } .stat-card { background:var(--panel); border:1px solid var(--border); border-radius:8px; padding:16px; text-align:center; }
.stat-card .val { font-size:28px; font-weight:700; color:var(--accent); } .stat-card .val { font-size:28px; font-weight:700; color:var(--accent); }
.stat-card .label { font-size:12px; color:#8b949e; margin-top:4px; } .stat-card .label { font-size:12px; color:#8b949e; margin-top:4px; }
table { width:100%; border-collapse:collapse; margin-bottom:24px; font-size:13px; } table { width:100%; border-collapse:collapse; margin-bottom:24px; font-size:13px; table-layout:fixed; }
th { background:var(--panel); color:var(--accent); text-align:left; padding:10px 8px; border-bottom:2px solid var(--border); position:sticky; top:0; } th { background:var(--panel); color:var(--accent); text-align:left; padding:10px 8px; border-bottom:2px solid var(--border); position:sticky; top:0; z-index:1; white-space:nowrap; overflow:hidden; }
td { padding:8px; border-bottom:1px solid var(--border); } td { padding:8px; border-bottom:1px solid var(--border); height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
tr:hover td { background:#1c2333; } tr:hover td { background:#1c2333; }
.table-wrap { max-height:60vh; overflow-y:auto; border:1px solid var(--border); border-radius:6px; }
.badge { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; font-weight:600; } .badge { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; font-weight:600; }
.badge-green { background:#23392050; color:var(--green); border:1px solid #23392080; } .badge-green { background:#23392050; color:var(--green); border:1px solid #23392080; }
.badge-yellow { background:#d2992220; color:var(--yellow); border:1px solid #d2992240; } .badge-yellow { background:#d2992220; color:var(--yellow); border:1px solid #d2992240; }
@@ -86,7 +87,13 @@ tr:hover td { background:#1c2333; }
<div id="sessions" class="panel active"> <div id="sessions" class="panel active">
<div class="table-wrap"> <div class="table-wrap">
<table><thead><tr> <table>
<colgroup>
<col style="width:35px"><col style="width:85px"><col style="width:95px"><col style="width:65px"><col style="width:110px"><col style="width:80px">
<col style="width:65px"><col style="width:40px"><col style="width:70px"><col style="width:90px"><col style="width:60px">
<col style="width:65px"><col style="width:40px"><col style="width:130px"><col style="width:60px">
</colgroup>
<thead><tr>
<th>ID</th><th>Tila</th><th>Tehtävä</th><th>Tyyppi</th><th>IP</th><th>Alusta</th> <th>ID</th><th>Tila</th><th>Tehtävä</th><th>Tyyppi</th><th>IP</th><th>Alusta</th>
<th>OS</th><th>CPU</th><th>RAM</th><th>GPU</th><th>VRAM</th> <th>OS</th><th>CPU</th><th>RAM</th><th>GPU</th><th>VRAM</th>
<th>WebGPU</th><th>Teht.</th><th>Yhdistetty</th><th>Kesto</th> <th>WebGPU</th><th>Teht.</th><th>Yhdistetty</th><th>Kesto</th>
@@ -217,7 +224,7 @@ async function load() {
} }
load(); load();
setInterval(load, 1000); setInterval(load, 5000);
</script> </script>
</body> </body>
</html>"##; </html>"##;