index.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @import '../common/index.css';
  2. .van-calendar {
  3. display: -webkit-flex;
  4. display: flex;
  5. -webkit-flex-direction: column;
  6. flex-direction: column;
  7. height: 100%;
  8. height: var(--calendar-height, 100%);
  9. background-color: #fff;
  10. background-color: var(--calendar-background-color, #fff);
  11. }
  12. .van-calendar__close-icon {
  13. top: 11px;
  14. }
  15. .van-calendar__popup--bottom,
  16. .van-calendar__popup--top {
  17. height: 80%;
  18. height: var(--calendar-popup-height, 80%);
  19. }
  20. .van-calendar__popup--left,
  21. .van-calendar__popup--right {
  22. height: 100%;
  23. }
  24. .van-calendar__body {
  25. -webkit-flex: 1;
  26. flex: 1;
  27. overflow: auto;
  28. -webkit-overflow-scrolling: touch;
  29. }
  30. .van-calendar__footer {
  31. -webkit-flex-shrink: 0;
  32. flex-shrink: 0;
  33. padding: 0 16px;
  34. padding: 0 var(--padding-md, 16px);
  35. }
  36. .van-calendar__footer--safe-area-inset-bottom {
  37. padding-bottom: env(safe-area-inset-bottom);
  38. }
  39. .van-calendar__footer + .van-calendar__footer,
  40. .van-calendar__footer:empty {
  41. display: none;
  42. }
  43. .van-calendar__footer:empty + .van-calendar__footer {
  44. display: block !important;
  45. }
  46. .van-calendar__confirm {
  47. height: 36px !important;
  48. height: var(--calendar-confirm-button-height, 36px) !important;
  49. margin: 7px 0 !important;
  50. margin: var(--calendar-confirm-button-margin, 7px 0) !important;
  51. line-height: 34px !important;
  52. line-height: var(--calendar-confirm-button-line-height, 34px) !important;
  53. }