DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: updated styling of conflict component to match figma (#190)

Browse Source 
* refactor: updated styling of conflict component to match figma

* style: ran prettier

* refactor: slightly

---------

Co-authored-by: Razboy20 <razboy20@gmail.com>
This commit is contained in:
Som Gupta
2024-03-22 11:34:25 -05:00
committed by GitHub
parent 4f4f34e281
commit 36ac8607a9
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/components/common/ConflictsWithWarning.tsx
View File

@@ -23,12 +23,17 @@ export default function ConflictsWithWarning({ className, conflicts }: Conflicts
variant='mini' variant='mini'
className={clsx( className={clsx(
className, className,
'min-w-21 w-21 flex flex-col items-start gap-2.5 rounded bg-[#AF2E2D] p-2.5 text-white' 'min-w-21 w-21 flex flex-col items-start gap-2.5 rounded bg-theme-red p-2.5 text-white'
)} )}
> >
<div>Conflicts With:</div> <div>Conflicts With:</div>
{conflicts.map(course => ( {conflicts.map(course => (
<div>{`${course.department} ${course.number} (${course.uniqueId})`}</div> <div>
<Text as='strong' variant='mini' className='font-bold!'>
{course.department} {course.number}
</Text>{' '}
({course.uniqueId})
</div>
))} ))}
</Text> </Text>
); );