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

fix: weekdays spacing (#300)

Browse Source
This commit is contained in:
Jackson Bowe 2024-02-01 03:16:01 +10:00 committed by GitHub
parent 1758a91d72
commit 8875261576
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -125,16 +125,22 @@ const vCalendarSlots = computed(() => {
@apply flex; @apply flex;
} }
.calendar .vc-weekday { .calendar .vc-weekday {
@apply text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]; @apply text-muted-foreground rounded-md w-full 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;
} }
.calendar .vc-day:has(.vc-highlights) { .calendar .vc-day:has(.vc-highlights) {
@apply bg-accent first:rounded-l-md last:rounded-r-md overflow-hidden; @apply first:rounded-l-md last:rounded-r-md;
} }
.calendar .vc-day.is-today:not(:has(.vc-day-layer)) { .calendar .vc-day.is-today:not(:has(.vc-day-layer)) .vc-day-content {
@apply bg-secondary rounded-md; @apply bg-secondary text-primary rounded-md;
} }
.calendar .vc-day:has(.vc-highlight-base-start) { .calendar .vc-day:has(.vc-highlight-base-start) {
@apply rounded-l-md; @apply rounded-l-md;

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

@ -124,16 +124,22 @@ const vCalendarSlots = computed(() => {
@apply flex; @apply flex;
} }
.calendar .vc-weekday { .calendar .vc-weekday {
@apply text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]; @apply text-muted-foreground rounded-md w-full 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;
} }
.calendar .vc-day:has(.vc-highlights) { .calendar .vc-day:has(.vc-highlights) {
@apply bg-accent first:rounded-l-md last:rounded-r-md overflow-hidden; @apply first:rounded-l-md last:rounded-r-md;
} }
.calendar .vc-day.is-today:not(:has(.vc-day-layer)) { .calendar .vc-day.is-today:not(:has(.vc-day-layer)) .vc-day-content {
@apply bg-secondary rounded-md; @apply bg-secondary text-primary rounded-md;
} }
.calendar .vc-day:has(.vc-highlight-base-start) { .calendar .vc-day:has(.vc-highlight-base-start) {
@apply rounded-l-md; @apply rounded-l-md;

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