date-range css 移动端适配
This commit is contained in:
parent
f30d89a2de
commit
ae7883fa69
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue