justin/pokeazure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix A/B button spacing in landscape by restoring constrained ab-cluster size

Browse Source
This commit is contained in:
Justin Oros
2026-05-21 09:30:25 -07:00
parent 2fba2b156d
commit 37a8fa2755
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+3 -4
View File
@@ -742,11 +742,10 @@ html, body {
.gba-controller.hidden { display: none; } .gba-controller.hidden { display: none; }
.dpad { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); } .dpad { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); }
.ab-cluster { position: static; width: 100%; height: 100%; flex: 1; } .ab-cluster { position: relative; width: clamp(90px, 21vw, 120px); height: clamp(90px, 21vw, 120px); flex: none; }
#gba-right { position: relative; }
#gba-right .ab-btn { position: absolute; } #gba-right .ab-btn { position: absolute; }
#gba-right .ab-b { bottom: 30%; left: 5%; top: auto; transform: none; } #gba-right .ab-b { bottom: 14%; left: 5%; top: auto; transform: none; }
#gba-right .ab-a { top: 30%; right: 5%; transform: none; } #gba-right .ab-a { top: 14%; right: 5%; transform: none; }
.gba-mid-btns { flex-direction: column; gap: 5px; } .gba-mid-btns { flex-direction: column; gap: 5px; }
.gba-mid-btn { min-width: 44px; width: 44px; font-size: 5px; padding: 6px 4px; } .gba-mid-btn { min-width: 44px; width: 44px; font-size: 5px; padding: 6px 4px; }
} }