fix: update alignment

This commit is contained in:
knownotunknown
2024-02-09 14:33:11 -06:00
committed by doprz
parent f3a8a7db56
commit 7eb3113ada

View File

@@ -17,7 +17,7 @@ export interface ScheduleTotalHoursAndCoursesProps {
*/ */
export default function ScheduleTotalHoursAndCoursess({ scheduleName, totalHours, totalCourses }: ScheduleTotalHoursAndCoursesProps): JSX.Element { export default function ScheduleTotalHoursAndCoursess({ scheduleName, totalHours, totalCourses }: ScheduleTotalHoursAndCoursesProps): JSX.Element {
return ( return (
<div className="flex min-w-64 items-center content-center gap-2 flex-wrap uppercase"> <div className="flex min-w-64 content-center gap-2 flex-wrap uppercase items-baseline">
<Text <Text
className="text-[#BF5700]" className="text-[#BF5700]"
variant='h1' variant='h1'
@@ -27,17 +27,17 @@ export default function ScheduleTotalHoursAndCoursess({ scheduleName, totalHours
</Text> </Text>
<Text <Text
variant='h3' variant='h3'
as='span' as='div'
className="text-[#1A2024]" className="text-[#1A2024] flex flex-row gap-2 items-center"
> >
{`${totalHours} HOURS`} {`${totalHours} HOURS`}
</Text> <Text
<Text variant='h4'
variant='h4' as='span'
as='span' className="text-[#333F48]"
className="text-[#333F48]" >
> {`${totalCourses} courses`}
{`${totalCourses} courses`} </Text>
</Text> </Text>
</div> </div>
); );