Added Basic Darkmode and Fixed Small Bugs

This commit is contained in:
Ahmad 2025-01-13 19:12:06 -05:00
parent aacca3d141
commit 94fb5c7eb1
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
42 changed files with 593 additions and 72 deletions

View file

@ -45,7 +45,7 @@ export const FormInput = forwardRef<HTMLInputElement, FormInputProps>(
{label ? (
<Label
htmlFor={id}
className='text-xs font-semibold text-neutral-700'
className='text-xs font-semibold text-neutral-700 dark:text-neutral-200'
>
{label}
</Label>

View file

@ -74,7 +74,7 @@ export const FormPicker = ({ id, errors }: FormPickerProps) => {
id={id}
name={id}
className='hidden'
checked={selectedImageId === image.id}
defaultChecked={selectedImageId === image.id}
disabled={pending}
value={`${image.id}|${image.urls.thumb}|${image.urls.full}|${image.links.html}|${image.user.name}|${image.links.download_location}`}
/>

View file

@ -66,12 +66,12 @@ export const FormPopover = ({
side={side}
sideOffset={sideOffset}
>
<div className='pb-4 text-center text-sm font-medium text-neutral-600'>
<div className='pb-4 text-center text-sm font-medium text-neutral-600 dark:text-neutral-300'>
Create board
</div>
<PopoverClose ref={closeRef} asChild>
<Button
className='absolute right-2 top-2 h-auto w-auto p-2 text-neutral-600'
className='absolute right-2 top-2 h-auto w-auto p-2 text-neutral-600 dark:text-neutral-300'
variant='ghost'
>
<X className='h-4 w-4' />
@ -79,10 +79,10 @@ export const FormPopover = ({
</PopoverClose>
<form action={onSubmit} className='space-y-4'>
<div className='space-y-4'>
<p className='text-center text-xs font-medium italic text-neutral-700'>
<p className='text-center text-xs font-medium italic text-neutral-700 dark:text-neutral-200'>
Images Provided by{' '}
<Link
className='text-sky-900 underline'
className='text-sky-900 underline dark:text-sky-600'
href='https://unsplash.com/'
>
Unsplash