date-range css 移动端适配

This commit is contained in:
liaoxuezhi 2019-12-06 16:36:02 +08:00
parent f30d89a2de
commit ae7883fa69
1 changed files with 12 additions and 3 deletions

View File

@ -7,7 +7,6 @@
padding: $DatePicker-paddingY $DatePicker-paddingX;
height: $DatePicker-height;
outline: none;
white-space: nowrap;
border-radius: $DatePicker-borderRadius;
color: $DatePicker-color;
@ -72,7 +71,6 @@
.#{$ns}DateRangePicker-wrap {
width: auto;
white-space: nowrap;
padding: $gap-md;
}
@ -88,7 +86,7 @@
}
.#{$ns}DateRangePicker-end {
margin-left: 20px;
margin-top: 20px;
}
.#{$ns}DateRangePicker-rangers {
@ -114,3 +112,14 @@
.#{$ns}DateRangeControl:not(.is-inline) > .#{$ns}DateRangePicker {
display: flex;
}
@include media-breakpoint-up(sm) {
#{$ns}DateRangePicker-wrap {
white-space: nowrap;
}
.#{$ns}DateRangePicker-end {
margin-top: 0;
margin-left: 20px;
}
}