Änderungen GUI sowie Anpassungen an Mobilansicht

This commit is contained in:
ja
2021-11-17 11:39:34 +01:00
parent a902f66b93
commit 133c8a02c8
12 changed files with 356 additions and 55 deletions

View File

@@ -92,14 +92,14 @@
display: flex;
justify-content: center;
align-items: center;
width: 400px;
width: 390px;
height: 613px;
margin: 0 auto;
margin-left:10%;
}
.container-fluid {
width: 400px;
width: 390px;
background-color: rgba(255,255,255,0.5);
height: 613px;
top:50%;
@@ -133,6 +133,74 @@
margin-left:15px;
}
}
@media (max-width: 323px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(../../images/road.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
max-width:323px;
}
h1 {
color: #043381;
font-size: 24px;
}
h2 {
color: #043381;
font-size: 30px;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 323px;
height: 613px;
margin: 0 auto;
margin-left:10%;
}
.container-fluid {
width: 325px;
background-color: rgba(255,255,255,0.5);
height: 613px;
top:50%;
bottom: -4px;
left: -195px;
right: 520px;
margin: 0 auto;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 323px;
height: 613px;
margin-top:80px;
}
#btn_submitpw_M{
background-color: #003680;
color: #fff;
width: 315px;
height: 32px;
margin-bottom: 0px;
margin-left:-15px;
padding-inline: 2px 2px;
padding: -10px 0px 10px 1px;
font-weight:600;
font-size:14px;
}
#lbl_Ueberschrift_M{
font-size:26px;
margin-left:15px;
}
}
</style>
</head>