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); background: var(--input-selected);
} }
@media screen and (max-width: 1000px) { @media screen and (min-width: 700px) and (max-width: 1000px) {
.section { .section {
padding: 20px; padding: 20px;
} }

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

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