hyvä siitä tulee
This commit is contained in:
@@ -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>"##;
|
||||||
|
|||||||
Reference in New Issue
Block a user