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

Center SELECT/START in portrait panel; match landscape A/B positions to portrait layout

Browse Source
This commit is contained in:
Justin Oros
2026-05-20 23:01:19 -07:00
parent ad939f6c31
commit c941d4d3a3
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+5 -5
View File
@@ -210,9 +210,9 @@ html, body {
flex-direction: row; flex-direction: row;
border-top: 2px solid rgba(120,80,255,.35); border-top: 2px solid rgba(120,80,255,.35);
} }
#gba-left { left: 0; width: 60%; justify-content: flex-start; padding: 0 8px max(8px,var(--safe-bottom)) clamp(8px,3vw,20px); gap: 8px; } #gba-left { left: 0; width: 60%; justify-content: space-evenly; align-items: center; padding: 0 8px max(8px,var(--safe-bottom)) clamp(8px,3vw,20px); }
#gba-right { right: 0; width: 40%; justify-content: flex-end; padding: 0 clamp(8px,3vw,20px) max(8px,var(--safe-bottom)) 8px; } #gba-right { right: 0; width: 40%; justify-content: center; padding: 0 clamp(8px,3vw,20px) max(8px,var(--safe-bottom)) 8px; }
#gba-left .gba-mid-btns { flex-direction: row; } #gba-left .gba-mid-btns { flex-direction: column; gap: 6px; margin-top: 0; width: auto; }
} }
@media (min-width: 900px) { @media (min-width: 900px) {
@@ -724,8 +724,8 @@ html, body {
.dpad { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); } .dpad { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); }
.ab-cluster { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); } .ab-cluster { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); }
.ab-b { bottom: auto; left: 2%; top: 55%; transform: translateY(-50%); } .ab-b { bottom: 14%; left: 5%; top: auto; transform: none; }
.ab-a { top: 30%; right: 2%; transform: translateY(-50%); } .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; }
} }