mirror of
https://github.com/ahmadk953/tasko.git
synced 2025-06-17 18:20:08 +00:00
Added Basic Darkmode and Fixed Small Bugs
This commit is contained in:
parent
aacca3d141
commit
94fb5c7eb1
42 changed files with 593 additions and 72 deletions
|
@ -24,17 +24,17 @@ export const CardItem = ({ index, data }: CardItemProps) => {
|
|||
ref={provided.innerRef}
|
||||
role='button'
|
||||
onClick={() => cardModal.onOpen(data.id)}
|
||||
className='space-y-2 truncate rounded-md border-2 border-transparent bg-white px-3 py-2 text-sm shadow-sm hover:border-black'
|
||||
className='space-y-2 truncate rounded-md border-2 border-transparent bg-white px-3 py-2 text-sm shadow-sm hover:border-black dark:bg-black dark:hover:border-white/50'
|
||||
>
|
||||
{data.title}
|
||||
{data?.dueDate && (
|
||||
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'>
|
||||
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm dark:bg-slate-800'>
|
||||
<Calendar className='ml-0.5 mr-0.5 h-4 w-4' />
|
||||
Due: {format(data.dueDate, 'PP')}
|
||||
</div>
|
||||
)}
|
||||
{data?.startedAt && (
|
||||
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'>
|
||||
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm dark:bg-slate-800'>
|
||||
<Calendar className='ml-0.5 mr-0.5 h-4 w-4' />
|
||||
Started: {format(data.startedAt, 'PP')}
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue