beuz/Beuz-Video-Game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI V2: fix card action overflow with 3-column desktop grid

Browse Source
This commit is contained in:
Ponte
2026-02-14 23:33:26 +01:00
parent 60b19a70e9
commit d50869564c
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
styles.css
View File

@@ -655,7 +655,7 @@ body.ui-v2 {
} }
body.ui-v2 .games-list { body.ui-v2 .games-list {
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
} }
body.ui-v2 .game-card { body.ui-v2 .game-card {
@@ -678,7 +678,13 @@ body.ui-v2 .game-cover {
body.ui-v2 .game-actions { body.ui-v2 .game-actions {
width: 100%; width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: 1fr;
}
@media (max-width: 1100px) {
body.ui-v2 .games-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@@ -733,6 +739,10 @@ body.ui-v2 .game-actions {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
body.ui-v2 .games-list {
grid-template-columns: 1fr;
}
.tools-toggle-btn { .tools-toggle-btn {
top: auto; top: auto;
bottom: 1rem; bottom: 1rem;