fix: update alignment
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user