Update mobile UI
This commit is contained in:
parent
7f3d544c60
commit
70d7712e9f
18
public/css/employees.css
vendored
18
public/css/employees.css
vendored
|
|
@ -177,7 +177,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width: 360px) and (max-height: 800px) {
|
@media only screen and (max-width: 700px) {
|
||||||
|
|
||||||
|
|
||||||
.sidenav {
|
.sidenav {
|
||||||
|
|
@ -196,4 +196,18 @@ body {
|
||||||
min-width: 90%;
|
min-width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Extra small devices (phones, 600px and down) */
|
||||||
|
/* @media only screen and (max-width: 600px) {
|
||||||
|
.sidenav {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
} */
|
||||||
|
|
||||||
|
/* Small devices (portrait tablets and large phones, 600px and up) */
|
||||||
|
/* @media only screen and (min-width: 600px) {
|
||||||
|
.sidenav {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
} */
|
||||||
2
public/css/index.css
vendored
2
public/css/index.css
vendored
|
|
@ -139,7 +139,7 @@ input:-webkit-autofill:active {
|
||||||
transition: background-color 9999s ease-in-out 0s;
|
transition: background-color 9999s ease-in-out 0s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 360px) and (max-height: 800px) {
|
@media only screen and (max-width: 700px) {
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
margin: 1.1% 4% auto;
|
margin: 1.1% 4% auto;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue