feat: add more text size

esc-chula · Oct 30, 2024 · 9cfa71e · 9cfa71e
1 parent ef44c91
commit 9cfa71e
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 8 deletions.
diff --git a/src/components/form/form-header.tsx b/src/components/form/form-header.tsx
@@ -5,9 +5,7 @@ import { FormContainer } from './form-container'
 export function FormHeader({ form }: { form: Form }) {
   return (
     <FormContainer>
-      <h1 className='text-header-1 font-bold text-neutral-900'>
-        {form.heading}
-      </h1>
+      <h1 className='text-header-1 font-bold text-neutral-900'>{form.heading}</h1>
       <hr />
       <h2 className='text-subtitle text-neutral-500'>{form.subheading}</h2>
     </FormContainer>

diff --git a/src/components/form/form-question.tsx b/src/components/form/form-question.tsx
@@ -105,7 +105,7 @@ export function FormQuestion({ column }: { column: FormColumn }) {
           <textarea
             name={column.columnName}
             required={column.required}
-            className='flex h-20 w-full resize-none overflow-y-scroll rounded-md border border-neutral-200 px-2 py-1'
+            className='body flex h-20 w-full resize-none overflow-y-scroll rounded-md border border-neutral-200 px-2 py-1'
             onInvalid={(e) => {
               e.preventDefault()
               ;(

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -34,4 +34,4 @@
   height: 100%;
   margin: 0;
   padding: 0;
-}
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -48,14 +48,14 @@ const config: Config = {
         default: '0px 4px 40px 0px rgba(0, 0, 0, 0.05)',
       },
       fontSize: {
-        title: 'var(--font-size-title)',
+        'title': 'var(--font-size-title)',
         'header-1': 'var(--font-size-header-1)',
         'header-2': 'var(--font-size-header-2)',
         'header-3': 'var(--font-size-header-3)',
-        subtitle: 'var(--font-size-subtitle)',
+        'subtitle': 'var(--font-size-subtitle)',
         'body-1': 'var(--font-size-body-1)',
         'body-2': 'var(--font-size-body-2)',
-        detail: 'var(--font-size-detail)',
+        'detail': 'var(--font-size-detail)',
       },
     },
   },