mirror of
https://github.com/tenrok/vue2-datepicker.git
synced 2026-06-24 10:40:38 +03:00
chore: example style
This commit is contained in:
@@ -59,6 +59,13 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px) {
|
||||||
|
.sidebar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
border-right: 1px solid #ebedf0;
|
border-right: 1px solid #ebedf0;
|
||||||
width: 280px;
|
width: 280px;
|
||||||
@@ -90,12 +97,14 @@ body {
|
|||||||
.main {
|
.main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
max-width: 100%;
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 20px;
|
|
||||||
p {
|
p {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.content {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user