Added date picker filter.

This commit is contained in:
Mike Cao 2020-09-16 16:28:54 -07:00
parent 81789d6723
commit 60b17363e1
4 changed files with 71 additions and 13 deletions

View file

@ -1,25 +1,40 @@
.container {
display: flex;
flex-direction: column;
width: 800px;
max-width: 100vw;
}
.calendars {
display: flex;
justify-content: center;
}
.calendars > div:first-child {
padding-right: 20px;
border-right: 1px solid var(--gray300);
.calendars > div {
width: 380px;
}
.calendars > div:last-child {
.calendars > div + div {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid var(--gray300);
}
.filter {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.calendars {
flex-direction: column;
}
.calendars > div + div {
padding: 0;
margin-left: 0;
margin-top: 20px;
border: 0;
}
}