UI V2: fix card action overflow with 3-column desktop grid
This commit is contained in:
14
styles.css
14
styles.css
@@ -655,7 +655,7 @@ body.ui-v2 {
|
||||
}
|
||||
|
||||
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 {
|
||||
@@ -678,7 +678,13 @@ body.ui-v2 .game-cover {
|
||||
|
||||
body.ui-v2 .game-actions {
|
||||
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) {
|
||||
@@ -733,6 +739,10 @@ body.ui-v2 .game-actions {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
body.ui-v2 .games-list {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.tools-toggle-btn {
|
||||
top: auto;
|
||||
bottom: 1rem;
|
||||
|
||||
Reference in New Issue
Block a user