PRJ-Game-Ideas/game-ideas
3
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix mobile style for game row (#46)
All checks were successful
Game Ideas deploy / build-test-deploy (push) Successful in 1m41s
Details

Browse Source 
Reviewed-on: #46
This commit was merged in pull request #46.
This commit is contained in:
Egamorf
2025-05-07 19:57:38 +02:00
parent 58da2e6843
commit ae39e15d32
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Detail/GameDetail.razor.css
View File

@@ -90,7 +90,7 @@
background: var(--input-selected);
}
@media screen and (max-width: 1000px) {
@media screen and (min-width: 700px) and (max-width: 1000px) {
.section {
padding: 20px;
}

8
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css
View File

@@ -40,6 +40,7 @@
}
.release-date, .storage {
display: block;
color: rgb(184, 184, 184);
}
@@ -81,17 +82,16 @@
}
@media screen and (max-width: 700px) {
.release-date {
.release-date, .tags, .storage {
display: none;
grid-column: span;
}
.row {
grid-template-columns: auto 3fr 3fr 30px 30px !important;
grid-template-columns: auto 3fr 3fr 30px 30px;
}
}
@media screen and (max-width: 1000px) {
@media screen and (min-width: 700px) and (max-width: 1000px) {
.row {
grid-template-columns: auto 3fr 2fr 3fr 30px 30px;
}