Fix mobile design blur

This commit is contained in:
H4CK3R-01 2021-07-10 16:36:53 +02:00 committed by H4CK3R-01
parent b9eaccecfd
commit f40033ccc2
4 changed files with 25 additions and 14 deletions

View File

@ -110,4 +110,24 @@
height: 100%;
margin-bottom: 10px;
}
.log_message {
font-size: 2em;
}
.chat_message .username {
font-size: 2em;
}
.chat_message .messageBody {
font-size: 2em;
}
#message_input {
font-size: 2em;
}
#message_send {
font-size: 2em;
}
}

View File

@ -47,18 +47,18 @@ header {
@media only screen and (max-width: 980px) {
header {
height: 2.2em;
height: 3em;
}
.title {
font-size: 1.5em;
font-size: 2em;
}
.build {
font-size: 0.5em;
font-size: 1em;
}
.spielanleitung {
font-size: 1em;
font-size: 1.5em;
}
}

View File

@ -52,11 +52,4 @@
#login button {
background-color: #0062ff;
color: #ffffff;
}
@media only screen and (max-width: 980px) {
#login input, #login button {
font-size: 1em;
height: 3em;
}
}

View File

@ -1,9 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, autoRotate:disabled"
name="viewport"/>
<meta charset="UTF-8" content="user-scalable=no, autoRotate:disabled" name="viewport"/>
<title>Projektmanagement Game</title>
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">