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

chore: tweaks and fix darkmode selectbox bg

Browse Source
This commit is contained in:
Sadegh Barati 2024-01-12 01:54:56 +03:30
parent 29b5abf877
commit b7bb0d119c
6 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/DateTimePickerDemo.vue
View File

@ -26,7 +26,7 @@ const date = ref<Date>()
)" )"
> >
<CalendarIcon class="mr-2 h-4 w-4" /> <CalendarIcon class="mr-2 h-4 w-4" />
<span>{{ date ? format(date, "PPP") : "Pick a date" }}</span> <span>{{ date ? format(date, 'PPP - hh:mm') : "Pick a date" }}</span>
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent class="w-auto p-0"> <PopoverContent class="w-auto p-0">

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

@ -246,7 +246,7 @@ onMounted(async () => {
@apply pointer-events-none opacity-50; @apply pointer-events-none opacity-50;
} }
.vc-time-picker.vc-attached { .vc-time-picker.vc-attached {
@apply border-t border-solid border-secondary; @apply border-t border-solid border-secondary mt-2;
} }
.vc-time-picker > * + * { .vc-time-picker > * + * {
@apply mt-1; @apply mt-1;
@ -261,7 +261,7 @@ onMounted(async () => {
@apply mr-1 text-primary stroke-primary; @apply mr-1 text-primary stroke-primary;
} }
.vc-time-select-group select { .vc-time-select-group select {
@apply bg-transparent p-1 appearance-none outline-none text-center; @apply bg-primary-foreground p-1 appearance-none outline-none text-center;
} }
.vc-time-weekday { .vc-time-weekday {
@apply text-muted-foreground tracking-wide; @apply text-muted-foreground tracking-wide;

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

@ -26,7 +26,7 @@ const date = ref<Date>()
)" )"
> >
<CalendarIcon class="mr-2 h-4 w-4" /> <CalendarIcon class="mr-2 h-4 w-4" />
<span>{{ date ? format(date, "PPP") : "Pick a date" }}</span> <span>{{ date ? format(date, 'PPP - hh:mm') : "Pick a date" }}</span>
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent class="w-auto p-0"> <PopoverContent class="w-auto p-0">

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

@ -252,7 +252,7 @@ onMounted(async () => {
@apply pointer-events-none opacity-50; @apply pointer-events-none opacity-50;
} }
.vc-time-picker.vc-attached { .vc-time-picker.vc-attached {
@apply border-t border-solid border-secondary; @apply border-t border-solid border-secondary mt-2;
} }
.vc-time-picker > * + * { .vc-time-picker > * + * {
@apply mt-1; @apply mt-1;
@ -267,7 +267,7 @@ onMounted(async () => {
@apply mr-1 text-primary stroke-primary; @apply mr-1 text-primary stroke-primary;
} }
.vc-time-select-group select { .vc-time-select-group select {
@apply bg-transparent p-1 appearance-none outline-none text-center; @apply bg-primary-foreground p-1 appearance-none outline-none text-center;
} }
.vc-time-weekday { .vc-time-weekday {
@apply text-muted-foreground tracking-wide; @apply text-muted-foreground tracking-wide;

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