diff --git a/site/build.mjs b/site/build.mjs index 958917576..c8a0ae790 100644 --- a/site/build.mjs +++ b/site/build.mjs @@ -501,7 +501,7 @@ table.bench2 th[aria-sort="descending"] .sort,table.bench2 th[aria-sort="ascendi table.bench2 th[aria-sort="descending"] .sort::after{content:" \\u2193";opacity:1;color:var(--ember)}table.bench2 th[aria-sort="ascending"] .sort::after{content:" \\u2191";opacity:1;color:var(--ember)} table.bench2 tr.row td{height:56px;padding:0 12px;border-bottom:1px solid var(--line);background:none;vertical-align:middle;white-space:nowrap;color:var(--ink-2)} table.bench2 tr.row:hover td{background:var(--hover)} -table.bench2 tr.row td.lead{white-space:normal;min-width:220px;max-width:360px;color:var(--bone);padding-top:8px;padding-bottom:8px} +table.bench2 td.lead{color:var(--bone)}@media(min-width:1101px){table.bench2 tr.row td.lead{white-space:normal;min-width:220px;max-width:360px;padding-top:8px;padding-bottom:8px}} table.bench2 td.lead .cardname{display:inline-flex;align-items:center;gap:10px} table.bench2 td.lead .gen{display:block;font:12px var(--mono);color:var(--ash);letter-spacing:.02em;margin-top:3px;white-space:normal;overflow-wrap:anywhere}table.bench2 td.lead .gen .dot{color:var(--line-2);margin:0 4px} table.bench2 td.big{font:600 22px/1 var(--f-display,var(--f-sans));color:var(--bone);font-variant-numeric:tabular-nums} @@ -518,7 +518,7 @@ table.bench2 tr.detail .d{display:block;margin:0 0 4px}table.bench2 tr.detail b{ table.bench2 thead{display:none} table.bench2 tr.row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead big" "eff eff" "w pill" "more more";gap:4px 12px;padding:10px 0;min-height:44px;border-bottom:1px solid var(--line);align-items:center} table.bench2 tr.row td{display:block;height:auto;padding:0;border:0;white-space:normal;min-width:0} - table.bench2 td.lead{grid-area:lead}table.bench2 td.lead .cardname{display:flex;align-items:center;gap:8px}table.bench2 td.lead .cardname .badge{flex:none} + table.bench2 tr.row td.lead{grid-area:lead;max-width:none;min-width:0}table.bench2 td.lead .cardname{display:flex;align-items:center;gap:8px}table.bench2 td.lead .cardname .badge{flex:none} table.bench2 td.big{grid-area:big;font-size:20px;text-align:right;white-space:nowrap} table.bench2 td.effc{grid-area:eff;font-size:13px}table.bench2 td.effc .eff::before,table.bench2 td.effc .hollow::before{content:"MH per wall watt ";color:var(--ash);font-weight:400} table.bench2 td.quiet.tnum{grid-area:w}table.bench2 td.pillc{grid-area:pill;text-align:right} diff --git a/site/miners.html b/site/miners.html index 2b7008e94..4cdbf6250 100644 --- a/site/miners.html +++ b/site/miners.html @@ -235,7 +235,7 @@ table.bench2 th[aria-sort="descending"] .sort,table.bench2 th[aria-sort="ascendi table.bench2 th[aria-sort="descending"] .sort::after{content:" \u2193";opacity:1;color:var(--ember)}table.bench2 th[aria-sort="ascending"] .sort::after{content:" \u2191";opacity:1;color:var(--ember)} table.bench2 tr.row td{height:56px;padding:0 12px;border-bottom:1px solid var(--line);background:none;vertical-align:middle;white-space:nowrap;color:var(--ink-2)} table.bench2 tr.row:hover td{background:var(--hover)} -table.bench2 tr.row td.lead{white-space:normal;min-width:220px;max-width:360px;color:var(--bone);padding-top:8px;padding-bottom:8px} +table.bench2 td.lead{color:var(--bone)}@media(min-width:1101px){table.bench2 tr.row td.lead{white-space:normal;min-width:220px;max-width:360px;padding-top:8px;padding-bottom:8px}} table.bench2 td.lead .cardname{display:inline-flex;align-items:center;gap:10px} table.bench2 td.lead .gen{display:block;font:12px var(--mono);color:var(--ash);letter-spacing:.02em;margin-top:3px;white-space:normal;overflow-wrap:anywhere}table.bench2 td.lead .gen .dot{color:var(--line-2);margin:0 4px} table.bench2 td.big{font:600 22px/1 var(--f-display,var(--f-sans));color:var(--bone);font-variant-numeric:tabular-nums} @@ -252,7 +252,7 @@ table.bench2 tr.detail .d{display:block;margin:0 0 4px}table.bench2 tr.detail b{ table.bench2 thead{display:none} table.bench2 tr.row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead big" "eff eff" "w pill" "more more";gap:4px 12px;padding:10px 0;min-height:44px;border-bottom:1px solid var(--line);align-items:center} table.bench2 tr.row td{display:block;height:auto;padding:0;border:0;white-space:normal;min-width:0} - table.bench2 td.lead{grid-area:lead}table.bench2 td.lead .cardname{display:flex;align-items:center;gap:8px}table.bench2 td.lead .cardname .badge{flex:none} + table.bench2 tr.row td.lead{grid-area:lead;max-width:none;min-width:0}table.bench2 td.lead .cardname{display:flex;align-items:center;gap:8px}table.bench2 td.lead .cardname .badge{flex:none} table.bench2 td.big{grid-area:big;font-size:20px;text-align:right;white-space:nowrap} table.bench2 td.effc{grid-area:eff;font-size:13px}table.bench2 td.effc .eff::before,table.bench2 td.effc .hollow::before{content:"MH per wall watt ";color:var(--ash);font-weight:400} table.bench2 td.quiet.tnum{grid-area:w}table.bench2 td.pillc{grid-area:pill;text-align:right}