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

Merge pull request #73 from H4CK3R-01/mobile_design

Browse Source 
Optimized css for mobile devices
This commit is contained in:
Florian Kaiser 2021-07-14 11:36:06 +02:00 committed by GitHub
commit 9ba3eabafe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 6 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; white-space: pre;
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 600px) {
#chat { #chat {
flex-flow: column-reverse; flex-flow: column-reverse;
border-top: #7d7d7d solid 2px; border-top: #7d7d7d solid 2px;

2
public/css/components.css
View File

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

2
public/css/game.css
View File

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

4
public/css/header.css
View File

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

2
public/css/index.css
View File

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