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

Optimized css for mobile devices #73

Merged
H4CK3R-01 merged 1 commits from mobile_design into main 2021-07-14 09:36:06 +00:00
Conversation 0 Commits 1 Files Changed 5 +6 -6
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 214e63513b - Show all commits

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;
} }