fragginwagon/memory-infrastructure-palace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 Adjust responsive grid layout for control groups and collapsible groups

Browse Source
This commit is contained in:
Greg Jacobs
2026-01-28 18:50:21 +00:00
parent 1ad59722b9
commit f616cbc0b2
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
code/websites/pokedex.online/src/views/ChallongeTest.vue
View File

@@ -1023,13 +1023,19 @@ h2 {
.controls-grid { .controls-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns: 1fr;
gap: 1.5rem; gap: 1.5rem;
} }
@media (max-width: 768px) { /* Allow regular control groups (non-collapsible) to be side-by-side at wider screens */
@media (min-width: 769px) {
.controls-grid { .controls-grid {
grid-template-columns: 1fr; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
/* Force collapsible groups to always span full width */
.controls-grid .collapsible-group {
grid-column: 1 / -1;
} }
} }