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

some unocss updates

Browse Source
This commit is contained in:
Abhinav Chadaga
2024-02-17 14:52:38 -06:00
parent f9f375514b
commit f2dfcec838
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/components/injected/CoursePopup2/CourseHeadingAndActions.tsx
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { Course } from 'src/shared/types/Course'; import { Course } from 'src/shared/types/Course';
import Add from '~icons/material-symbols/add'; import Add from '~icons/material-symbols/add';
import CalendarMonth from '~icons/material-symbols/calendar-month'; import CalendarMonth from '~icons/material-symbols/calendar-month';
import Close from '~icons/material-symbols/close'; import CloseIcon from '~icons/material-symbols/close';
import Copy from '~icons/material-symbols/content-copy'; import Copy from '~icons/material-symbols/content-copy';
import Description from '~icons/material-symbols/description'; import Description from '~icons/material-symbols/description';
import Mood from '~icons/material-symbols/mood'; import Mood from '~icons/material-symbols/mood';
@@ -50,16 +50,20 @@ const CourseHeadingAndActions = ({ course, onClose }: CourseHeadingAndActionsPro
return ( return (
<div className='w-full pb-3 pt-6'> <div className='w-full pb-3 pt-6'>
<div className='flex flex-col gap-1'> <div className='flex flex-col gap-1'>
<div className='flex justify-between gap-1'> <div className='flex items-center gap-1'>
<Text variant='h1' className='flex items-center'> <Text variant='h1' className='truncate'>
{courseName} ({department} {number}) {courseName}
</Text>
<Text variant='h1' className='flex-1 whitespace-nowrap'>
{' '}
({department} {number})
</Text> </Text>
<div className='flex items-center justify-center'>
<Button color='ut-burntorange' variant='single' icon={Copy} onClick={handleCopy}> <Button color='ut-burntorange' variant='single' icon={Copy} onClick={handleCopy}>
{uniqueId} {uniqueId}
</Button> </Button>
<Button variant='single' icon={Close} color='ut-black' onClick={onClose} /> <button className='btn bg-transparent p-0'>
</div> <CloseIcon className='h-7 w-7' />
</button>
</div> </div>
<div className='flex gap-2.5 flex-content-center'> <div className='flex gap-2.5 flex-content-center'>
<Text variant='h4' className='text-'> <Text variant='h4' className='text-'>
@@ -88,9 +92,9 @@ const CourseHeadingAndActions = ({ course, onClose }: CourseHeadingAndActionsPro
))} ))}
</div> </div>
</div> </div>
<div className='my-3 h-[40px] flex items-center gap-[15px]'> <div className='my-3 flex flex-wrap items-center gap-[15px]'>
<Button variant='filled' color='ut-burntorange' icon={CalendarMonth} /> <Button variant='filled' color='ut-burntorange' icon={CalendarMonth} />
<Divider type='solid' color='ut-offwhite' className='h-[28px]' /> <Divider type='solid' color='ut-offwhite' className='h-7' />
<Button variant='outline' color='ut-blue' icon={Reviews} onClick={handleOpenRateMyProf}> <Button variant='outline' color='ut-blue' icon={Reviews} onClick={handleOpenRateMyProf}>
RateMyProf RateMyProf
</Button> </Button>