feat: change font name

Tivix · Jul 1, 2024 · ae29b48 · ae29b48
1 parent 7aac611
commit ae29b48
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 7 deletions.
diff --git a/frontend/src/app/(app)/library/page.tsx b/frontend/src/app/(app)/library/page.tsx
@@ -18,7 +18,7 @@ export default async function LibraryPage() {
 
   return (
     <div>
-      <h1 className="mb-10 text-l font-semibold leading-6 text-navy-900">CPF Library</h1>
+      <h1 className="mb-10 text-lg font-semibold leading-6 text-navy-900">CPF Library</h1>
       <p className="mb-6 tracking-wide text-navy-600">Select a career path to view the details.</p>
       <div className="grid grid-cols-3 gap-6">
         {data.map((ladder: LadderCardInterface) => (

diff --git a/frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx b/frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx
@@ -1,7 +1,7 @@
 import Link from 'next/link';
 import { ChevronRightIcon } from '@app/static/icons/ChevronRightIcon';
 import { BreadcrumbsProps } from './Breadcrumbs.interface';
-import clsx from 'clsx';
+import { generateClassNames } from '@app/utils';
 
 export const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {
   return (
@@ -15,7 +15,7 @@ export const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {
               )}
               <Link
                 href={breadcrumb.href}
-                className={clsx('text-l font-semibold leading-6 text-navy-600 hover:text-navy-900', {
+                className={generateClassNames('text-lg font-semibold leading-6 text-navy-600 hover:text-navy-900', {
                   'text-navy-900': breadcrumb.current,
                 })}
                 aria-current={breadcrumb.current ? 'page' : undefined}

diff --git a/frontend/src/components/modules/LadderDetails/LadderDetails.tsx b/frontend/src/components/modules/LadderDetails/LadderDetails.tsx
@@ -14,7 +14,7 @@ export const LadderDetails = ({ ladder, ladderName, band }: LadderDetailsProps)
           <h2 className="text-2xl font-semibold text-navy-900">
             Band {band}: {ladderName}
           </h2>
-          <p className="text-l font-medium text-navy-600">Salary range: {ladder.salaryRange}</p>
+          <p className="text-lg font-medium text-navy-600">Salary range: {ladder.salaryRange}</p>
         </div>
         <div className="flex flex-col items-center rounded-xl border border-navy-200 p-4">
           <div className="flex justify-between gap-2 text-navy-600">

diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
@@ -55,6 +55,7 @@ const config: Config = {
       xs: ['0.75rem', '1rem'], // Body XS
       sm: ['0.875rem', '1.225rem'], // Body S
       base: ['1rem', '1.5rem'], // Body M
+      lg: ['1.125rem', '1.625rem'], // Body L
       xl: ['1.25rem', '1.75rem'], // Headline S
       '2xl': ['1.5rem', '1.875rem'], // Headline M
       '3xl': ['2rem', '2.5rem'], // Headline L
@@ -66,9 +67,6 @@ const config: Config = {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
         'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
-      fontSize: {
-        l: ['1.125rem', '1.625rem'], // Body L
-      },
     },
   },
   plugins: [require('@tailwindcss/typography')],