Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2025-12-26 15:57:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make several elements take up less space on mobile game page

Browse Source
This commit is contained in:
AlecM33
2022-02-24 23:40:24 -05:00
parent 740813f05c
commit 635e25e5fd
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/styles/game.css
View File

@@ -679,8 +679,12 @@ label[for='moderator'] {
}
@media(max-width: 500px) {
label {
font-size: 18px;
}
#client-name {
font-size: 25px;
font-size: 20px;
}
#client-user-type, #game-parameters {
@@ -709,8 +713,13 @@ label[for='moderator'] {
}
#game-timer {
padding: 5px;
font-size: 30px;
height: 38px;
height: 30px;
}
#role-info-button {
padding: 7px;
}
#players-alive-label {
@@ -727,8 +736,8 @@ label[for='moderator'] {
}
#game-role, #game-role-back {
height: 20em;
max-width: 15em;
height: 18em;
max-width: 13em;
}
#client-container {
@@ -740,12 +749,21 @@ label[for='moderator'] {
}
#game-role-back h4 {
font-size: 20px;
font-size: 18px;
}
h2 {
font-size: 18px;
}
#role-description {
font-size: 14px;
max-height: 7em;
}
#role-image {
width: 70%;
}
}
@keyframes pulse {