fix: v-calendar range picker is overflown in mobile screen

This commit is contained in:
sadeghbarati 2024-05-14 13:30:42 +03:30
parent ead6ad8437
commit 1965ef1e75
2 changed files with 2 additions and 2 deletions

View File

@ -117,7 +117,7 @@ const vCalendarSlots = computed(() => {
@apply p-3 text-center; @apply p-3 text-center;
} }
.calendar .vc-pane-layout { .calendar .vc-pane-layout {
@apply grid gap-4; @apply grid gap-4 max-sm:!grid-cols-1;
} }
.calendar .vc-title { .calendar .vc-title {
@apply text-sm font-medium relative z-20; @apply text-sm font-medium relative z-20;

View File

@ -118,7 +118,7 @@ const vCalendarSlots = computed(() => {
@apply p-3 text-center; @apply p-3 text-center;
} }
.calendar .vc-pane-layout { .calendar .vc-pane-layout {
@apply grid gap-4; @apply grid gap-4 max-sm:!grid-cols-1;
} }
.calendar .vc-title { .calendar .vc-title {
@apply text-sm font-medium relative z-20; @apply text-sm font-medium relative z-20;