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

fix: calendar weeks alignment (#344)

Browse Source 
The component's CSS adds additional padding which results in Saturday and Sunday not being aligned with the rest of the days.


---------

Co-authored-by: Sadegh Barati <sadeghbaratiwork@gmail.com>
This commit is contained in:
Greg Sanderson 2024-02-15 12:50:23 +00:00 committed by GitHub
parent 999676aef7
commit 406e4ff8a8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 6 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/www/src/lib/registry/default/ui/calendar/Calendar.vue
View File

@ -147,16 +147,10 @@ const vCalendarSlots = computed(() => {
@apply mt-4; @apply mt-4;
} }
.calendar .vc-weekdays { .calendar .vc-weekdays {
@apply flex; @apply justify-items-center;
} }
.calendar .vc-weekday { .calendar .vc-weekday {
@apply text-muted-foreground rounded-md w-full font-normal text-[0.8rem]; @apply text-muted-foreground rounded-md font-normal text-[0.8rem];
}
.calendar .vc-weekday-1 {
@apply pr-3;
}
.calendar .vc-weekday-7 {
@apply pl-3;
} }
.calendar .vc-weeks { .calendar .vc-weeks {
@apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7; @apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7;

10
apps/www/src/lib/registry/new-york/ui/calendar/Calendar.vue
View File

@ -148,16 +148,10 @@ const vCalendarSlots = computed(() => {
@apply mt-4; @apply mt-4;
} }
.calendar .vc-weekdays { .calendar .vc-weekdays {
@apply flex; @apply justify-items-center;
} }
.calendar .vc-weekday { .calendar .vc-weekday {
@apply text-muted-foreground rounded-md w-full font-normal text-[0.8rem]; @apply text-muted-foreground rounded-md font-normal text-[0.8rem];
}
.calendar .vc-weekday-1 {
@apply pr-3;
}
.calendar .vc-weekday-7 {
@apply pl-3;
} }
.calendar .vc-weeks { .calendar .vc-weeks {
@apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7; @apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7;

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long