2020-02-16 18:30:00 +00:00
|
|
|
@font-face {
|
|
|
|
font-family: Roboto;
|
|
|
|
src: url(assets/font/Roboto-Regular.ttf);
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
min-height: 100vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
#app {
|
|
|
|
font-family: 'Roboto', sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
.routerView {
|
|
|
|
margin-left: 200px;
|
|
|
|
margin-top: 80px;
|
|
|
|
transition-property: margin;
|
|
|
|
transition-duration: 150ms;
|
|
|
|
transition-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.expand {
|
|
|
|
margin-left: 80px;
|
|
|
|
}
|
2020-03-24 13:22:29 +00:00
|
|
|
|
2020-09-20 13:35:53 +00:00
|
|
|
.banner {
|
|
|
|
margin-top: 70px;
|
|
|
|
margin-bottom: -65px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fade-enter-active, .fade-leave-active {
|
|
|
|
transition: opacity .2s;
|
|
|
|
}
|
|
|
|
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
2020-03-24 13:22:29 +00:00
|
|
|
@media only screen and (max-width: 680px) {
|
|
|
|
.expand, .routerView {
|
|
|
|
margin-left: 0px;
|
|
|
|
margin-bottom: 80px;
|
|
|
|
}
|
2020-09-20 13:35:53 +00:00
|
|
|
|
|
|
|
.banner {
|
|
|
|
margin-top: 70px;
|
|
|
|
margin-bottom: -65px;
|
|
|
|
}
|
2020-03-24 13:22:29 +00:00
|
|
|
}
|