🔧 chore: font hierarchy

This commit is contained in:
Andre H 2024-03-01 14:00:41 +08:00
parent 893a499be5
commit 0ee27df25e

View File

@ -133,13 +133,15 @@ const CreateRepo = () => {
<form onSubmit={handleSubmit(submitRepoHandler)}> <form onSubmit={handleSubmit(submitRepoHandler)}>
<div className="flex flex-col gap-4 lg:gap-7 w-full"> <div className="flex flex-col gap-4 lg:gap-7 w-full">
<div> <div>
<Heading className="text-lg font-medium">Create a repository</Heading> <Heading as="h3" className="text-lg font-medium">
<Heading className="text-sm text-elements-low-em"> Create a repository
</Heading>
<Heading as="h5" className="text-sm font-sans text-elements-low-em">
The project will be cloned into this repository The project will be cloned into this repository
</Heading> </Heading>
</div> </div>
<div className="flex flex-col justify-start gap-3"> <div className="flex flex-col justify-start gap-3">
<Heading className="text-sm">Framework</Heading> <span className="text-sm text-elements-high-em">Framework</span>
<Controller <Controller
name="framework" name="framework"
control={control} control={control}
@ -155,7 +157,7 @@ const CreateRepo = () => {
/> />
</div> </div>
<div className="flex flex-col justify-start gap-3"> <div className="flex flex-col justify-start gap-3">
<Heading className="text-sm">Git account</Heading> <span className="text-sm text-elements-high-em">Git account</span>
<Controller <Controller
name="account" name="account"
control={control} control={control}
@ -174,7 +176,7 @@ const CreateRepo = () => {
/> />
</div> </div>
<div className="flex flex-col justify-start gap-3"> <div className="flex flex-col justify-start gap-3">
<Heading className="text-sm">Name the repo</Heading> <span className="text-sm text-elements-high-em">Name the repo</span>
<Controller <Controller
name="repoName" name="repoName"
control={control} control={control}