hiburan
/
fighting-konoha
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rapikan kolom Statistik layar hasil di layar pendek dan potret: grid dua kolom minmax(0,1fr), teks boleh membungkus (tanpa nowrap), ukuran angka dibatasi lebar layar

This commit is contained in:
rizkyaz0 2026-10-04 00:44:50 +07:00
parent 10a826cdce
commit 13b8a49b12
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
vs.css
View File

@ -92,9 +92,9 @@
.rs-coins li b{color:#ffe08a;font-variant-numeric:tabular-nums}
.rs-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:3px;padding-top:3px;border-top:1px solid #e0bf8566;font-weight:700;letter-spacing:2px;font-size:12px;color:#d8c394;animation:rs-row .36s calc(.55s + var(--i)*.16s) both}
.rs-total b{font-size:clamp(20px,3.2vh + 4px,40px);letter-spacing:1px;color:#ffe08a;font-variant-numeric:tabular-nums}
.rs-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3px,.8vh,8px) 12px;margin:0;animation:rs-up .5s .6s both}
.rs-stats dt{font-weight:700;font-size:10px;letter-spacing:1px;color:#8fa9ac;text-transform:uppercase;white-space:nowrap}
.rs-stats dd{margin:0;font-weight:700;font-size:clamp(15px,2.4vh + 2px,28px);color:#f2ead3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-stats dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3px,.8vh,8px) 12px;margin:0;animation:rs-up .5s .6s both}
.rs-stats dt{font-weight:700;font-size:10px;letter-spacing:1px;color:#8fa9ac;text-transform:uppercase;overflow-wrap:anywhere}
.rs-stats dd{margin:0;font-weight:700;font-size:clamp(15px,min(2.4vh + 2px,2vw),28px);line-height:1.1;color:#f2ead3;overflow-wrap:anywhere}
.rs-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:8px;animation:rs-up .5s .8s both}
.rs-actions .menu-primary,.rs-actions .result-secondary{margin:0;width:100%;min-width:0;padding:clamp(7px,1.5vh,12px) 8px;font-size:clamp(12px,1.8vh + 2px,19px);letter-spacing:1.5px;text-align:center;justify-content:center;gap:8px}
.rs-actions .result-secondary{cursor:pointer;display:block}.rs-actions .result-secondary:hover,.rs-actions .result-secondary:focus-visible{background:#24505e;color:#fff}
@ -116,5 +116,5 @@
.rs-actions{gap:5px}.rs-actions .menu-primary,.rs-actions .result-secondary{padding:6px 4px;font-size:11px;letter-spacing:.5px}.rs-actions .menu-primary b{display:none}
.rs-fighter.win .rs-plate{padding-top:12px}.rs-plate strong{font-size:clamp(16px,5vh,26px)}
}
@media(max-height:420px){.rs-quote p{font-size:12px}.rs-head h1{font-size:34px}.rs-score{margin-top:0}.rs-stats dl{grid-template-columns:1fr 1fr 1fr 1fr}.rs-stats dd{font-size:12px}}
@media(max-height:420px){.rs-quote p{font-size:12px}.rs-head h1{font-size:34px}.rs-score{margin-top:0}.rs-stats dd{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rs *{animation:none!important}.rs-confetti{display:none}}