From 2fc46bd4a0740dcc2c868cd913e9204319873c11 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Fri, 28 Oct 2022 18:03:39 +0800
Subject: [PATCH] [portal][ui] increase font size of global elements

---
 apps/portal/src/components/global/AppShell.tsx          | 2 +-
 apps/portal/src/components/global/ProductNavigation.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/portal/src/components/global/AppShell.tsx b/apps/portal/src/components/global/AppShell.tsx
index 20306d7f..34b25bf9 100644
--- a/apps/portal/src/components/global/AppShell.tsx
+++ b/apps/portal/src/components/global/AppShell.tsx
@@ -33,7 +33,7 @@ function ProfileJewel() {
   if (session == null) {
     return (
       <Link
-        className="text-sm font-medium"
+        className="text-base"
         href="/api/auth/signin"
         onClick={(event) => {
           event.preventDefault();
diff --git a/apps/portal/src/components/global/ProductNavigation.tsx b/apps/portal/src/components/global/ProductNavigation.tsx
index effb232c..be1ff172 100644
--- a/apps/portal/src/components/global/ProductNavigation.tsx
+++ b/apps/portal/src/components/global/ProductNavigation.tsx
@@ -27,7 +27,7 @@ export default function ProductNavigation({ items, title, titleHref }: Props) {
   return (
     <nav aria-label="Global" className="flex h-full items-center space-x-8">
       <Link
-        className="hover:text-primary-700 flex items-center gap-2 text-sm font-medium"
+        className="hover:text-primary-700 flex items-center gap-2 text-base font-medium"
         href={titleHref}>
         {titleHref !== '/' && (
           <img alt="TIH" className="h-8 w-auto" src="/logo.svg" />
@@ -39,7 +39,7 @@ export default function ProductNavigation({ items, title, titleHref }: Props) {
           const isActive = router.pathname === item.href;
           return item.children != null && item.children.length > 0 ? (
             <Menu key={item.name} as="div" className="relative text-left">
-              <Menu.Button className="focus:ring-primary-600 flex items-center rounded-md text-sm font-medium text-slate-900 focus:outline-none focus:ring-2 focus:ring-offset-2">
+              <Menu.Button className="focus:ring-primary-600 flex items-center rounded-md text-base font-medium text-slate-900 focus:outline-none focus:ring-2 focus:ring-offset-2">
                 <span>{item.name}</span>
                 <ChevronDownIcon
                   aria-hidden="true"
@@ -62,7 +62,7 @@ export default function ProductNavigation({ items, title, titleHref }: Props) {
                           <Link
                             className={clsx(
                               active ? 'bg-slate-100' : '',
-                              'block px-4 py-2 text-sm text-slate-700',
+                              'block px-4 py-2 text-base text-slate-700',
                             )}
                             href={child.href}
                             rel={
@@ -84,7 +84,7 @@ export default function ProductNavigation({ items, title, titleHref }: Props) {
             <Link
               key={item.name}
               className={clsx(
-                'hover:text-primary-600 inline-flex h-full items-center border-y-2 border-t-transparent text-sm text-slate-900',
+                'hover:text-primary-600 inline-flex h-full items-center border-y-2 border-t-transparent text-base text-slate-900',
                 isActive ? 'border-b-primary-500' : 'border-b-transparent',
               )}
               href={item.href}