Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: v-calendar range picker is overflown in mobile screen (#550)

Browse Source
This commit is contained in:
Sadegh Barati 2024-05-14 13:36:30 +03:30 committed by GitHub
parent ead6ad8437
commit 7f73e4d74b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/src/lib/registry/default/example/VDatePickerWithRange.vue
View File

@ -26,7 +26,7 @@ const date = ref({
id="date" id="date"
:variant="'outline'" :variant="'outline'"
:class="cn( :class="cn(
'w-[300px] justify-start text-left font-normal', 'w-[280px] justify-start text-left font-normal',
!date && 'text-muted-foreground', !date && 'text-muted-foreground',
)" )"
> >

2
apps/www/src/lib/registry/default/example/VRangePickerWithSlot.vue
View File

@ -26,7 +26,7 @@ const date = ref({
id="date" id="date"
:variant="'outline'" :variant="'outline'"
:class="cn( :class="cn(
'w-[300px] justify-start text-left font-normal', 'w-[280px] justify-start text-left font-normal',
!date && 'text-muted-foreground', !date && 'text-muted-foreground',
)" )"
> >

2
apps/www/src/lib/registry/default/ui/v-calendar/Calendar.vue
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;

2
apps/www/src/lib/registry/new-york/example/VDatePickerWithRange.vue
View File

@ -26,7 +26,7 @@ const date = ref({
id="date" id="date"
:variant="'outline'" :variant="'outline'"
:class="cn( :class="cn(
'w-[300px] justify-start text-left font-normal', 'w-[280px] justify-start text-left font-normal',
!date && 'text-muted-foreground', !date && 'text-muted-foreground',
)" )"
> >

2
apps/www/src/lib/registry/new-york/example/VRangePickerWithSlot.vue
View File

@ -26,7 +26,7 @@ const date = ref({
id="date" id="date"
:variant="'outline'" :variant="'outline'"
:class="cn( :class="cn(
'w-[300px] justify-start text-left font-normal', 'w-[280px] justify-start text-left font-normal',
!date && 'text-muted-foreground', !date && 'text-muted-foreground',
)" )"
> >

2
apps/www/src/lib/registry/new-york/ui/v-calendar/Calendar.vue
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;

2
apps/www/src/public/registry/styles/default/v-calendar.json
View File

File diff suppressed because one or more lines are too long

2
apps/www/src/public/registry/styles/new-york/v-calendar.json
View File

File diff suppressed because one or more lines are too long