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 {
|
||||
|
|
@ -196,4 +196,18 @@ body {
|
|||
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;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 360px) and (max-height: 800px) {
|
||||
@media only screen and (max-width: 700px) {
|
||||
|
||||
.form-control {
|
||||
margin: 1.1% 4% auto;
|
||||
|
|
|
|||
Loading…
Reference in a new issue