BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixing mobile preferences and single game page.

Browse source
This commit is contained in:
Bradley Shellnut 2022-10-26 23:07:43 -04:00
parent 7c947b7f48
commit 11e85a45d7
3 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/game/index.svelte
View file

@ -81,8 +81,6 @@
} }
.game-container { .game-container {
/* display: grid; */
/* grid-template-rows: minmax(25px, 50px) 1fr minmax(50px, 75px); */
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

20
src/lib/components/preferences/profile.svelte
View file

@ -124,16 +124,6 @@
max-width: 180px; max-width: 180px;
} }
// @media (min-width: 650px) {
// .preferences {
// width: 500px;
// }
// .preferences .options > :global(*) {
// gap: var(--spacing-64);
// }
// }
@media (min-width: 480px) { @media (min-width: 480px) {
.preferences { .preferences {
width: 500px; width: 500px;
@ -143,4 +133,14 @@
gap: var(--spacing-32); gap: var(--spacing-32);
} }
} }
@media (min-width: 350px) {
.preferences {
width: 420px;
}
.preferences .options > :global(*) {
gap: var(--spacing-32);
}
}
</style> </style>

8
src/routes/game/[id]/+page.svelte
View file

@ -141,6 +141,10 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 2rem; gap: 2rem;
margin: 1rem; margin: 1rem;
@media (max-width: 650px) {
grid-template-columns: 1fr;
}
} }
.details { .details {
@ -153,6 +157,10 @@
p { p {
margin: 1rem; margin: 1rem;
} }
@media (max-width: 650px) {
justify-content: center;
}
} }
.description { .description {