DHBW/Projektmanagement-Game
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

Merge pull request #75 from H4CK3R-01/mobile_design_fix

Browse Source 
Fixed css for mobile devices
This commit is contained in:
Florian Kaiser 2021-07-14 23:48:30 +02:00 committed by GitHub
commit 0062d41afd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/chat.css
View File

@ -103,7 +103,7 @@
white-space: pre;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 980px) {
#chat {
flex-flow: column-reverse;
border-top: #7d7d7d solid 2px;

2
public/css/components.css
View File

@ -101,7 +101,7 @@ main {
height: calc(100% - 50px);
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 980px) {
#main {
display: grid;
grid-template-columns: unset;

2
public/css/game.css
View File

@ -28,7 +28,7 @@
background-color: #FFDDA1;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 980px) {
#game {
height: auto;
width: auto;

2
public/css/header.css
View File

@ -45,7 +45,7 @@ header {
flex-direction: column;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 980px) {
header {
height: 5em;

2
public/css/index.css
View File

@ -54,7 +54,7 @@
color: #ffffff;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 980px) {
#login {
align-items: flex-start;
}