url/SkillOpt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve ablation table layout

Browse Source
This commit is contained in:
Lliar-liar
2026-05-24 17:23:28 +00:00
parent ec0841cccf
commit e1896c691c
2 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+12 -6
View File
@@ -581,11 +581,17 @@
font-size: 1rem; font-size: 1rem;
} }
.split { .ablation-layout {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px; gap: 16px;
align-items: stretch; }
.ablation-layout table {
min-width: 720px;
}
.ablation-summary .mini-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
} }
.evolution-shell { .evolution-shell {
@@ -960,7 +966,6 @@
.manifesto, .manifesto,
.teaser-heading, .teaser-heading,
.section-header, .section-header,
.split,
.evolution-shell { .evolution-shell {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@@ -1008,6 +1013,7 @@
} }
.method-grid, .method-grid,
.ablation-summary .mini-list,
.transfer-grid, .transfer-grid,
.evolution-footnotes, .evolution-footnotes,
.steps { .steps {
@@ -1372,7 +1378,7 @@
</div> </div>
</div> </div>
<div class="split"> <div class="ablation-layout">
<div class="table-wrap"> <div class="table-wrap">
<table aria-label="Component ablations"> <table aria-label="Component ablations">
<thead> <thead>
@@ -1431,7 +1437,7 @@
</table> </table>
</div> </div>
<article class="panel"> <article class="panel ablation-summary">
<h3>What the ablations say</h3> <h3>What the ablations say</h3>
<div class="mini-list"> <div class="mini-list">
<div class="mini-item"> <div class="mini-item">
skillopt.html
+12 -6
View File
@@ -581,11 +581,17 @@
font-size: 1rem; font-size: 1rem;
} }
.split { .ablation-layout {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px; gap: 16px;
align-items: stretch; }
.ablation-layout table {
min-width: 720px;
}
.ablation-summary .mini-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
} }
.evolution-shell { .evolution-shell {
@@ -960,7 +966,6 @@
.manifesto, .manifesto,
.teaser-heading, .teaser-heading,
.section-header, .section-header,
.split,
.evolution-shell { .evolution-shell {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@@ -1008,6 +1013,7 @@
} }
.method-grid, .method-grid,
.ablation-summary .mini-list,
.transfer-grid, .transfer-grid,
.evolution-footnotes, .evolution-footnotes,
.steps { .steps {
@@ -1372,7 +1378,7 @@
</div> </div>
</div> </div>
<div class="split"> <div class="ablation-layout">
<div class="table-wrap"> <div class="table-wrap">
<table aria-label="Component ablations"> <table aria-label="Component ablations">
<thead> <thead>
@@ -1431,7 +1437,7 @@
</table> </table>
</div> </div>
<article class="panel"> <article class="panel ablation-summary">
<h3>What the ablations say</h3> <h3>What the ablations say</h3>
<div class="mini-list"> <div class="mini-list">
<div class="mini-item"> <div class="mini-item">