From 1a85f8f1462eb80dd43c9812cb2a361f14b86cc5 Mon Sep 17 00:00:00 2001
From: Jason Chuang <jchuang@2fi-solutions.com.hk>
Date: Sat, 7 Mar 2026 01:56:38 +0800
Subject: [PATCH] update navbar style

---
 src/assets/style/navbarStyles.css | 52 +++++++++++++++++++++----------
 1 file changed, 36 insertions(+), 16 deletions(-)

diff --git a/src/assets/style/navbarStyles.css b/src/assets/style/navbarStyles.css
index d282fa9..dea1992 100644
--- a/src/assets/style/navbarStyles.css
+++ b/src/assets/style/navbarStyles.css
@@ -51,13 +51,15 @@
   box-sizing: border-box;
 }
 
-/* Make ONLY the dropdown button not bold */
+/* Submenu triggers: same font as app (Noto Sans), bold */
 #navbar > div > li > button.navTrigger,
 #navbar > div > li > button.navTrigger .MuiTypography-root {
-  font-weight: 400 !important;
+  font-weight: 600 !important;
+  font-family: "Noto Sans HK", "Noto Sans SC", sans-serif !important;
+  font-size: 1.1rem !important;
 }
 
-/* (optional) keep links bold */
+/* Keep links bold */
 #navbar > div > li > a,
 #navbar > div > li > a .MuiTypography-root {
   font-weight: 600;
@@ -84,7 +86,7 @@
   transition: 0.3s ease-in-out;
 }
 
-/* NEW: style dropdown trigger buttons to look like links */
+/* Dropdown trigger buttons: Noto Sans, bold */
 #navbar div li button.navTrigger{
   background: transparent;
   border: 0;
@@ -92,8 +94,9 @@
   cursor: pointer;
 
   text-decoration: none;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   font-weight: 600;
+  font-family: "Noto Sans HK", "Noto Sans SC", sans-serif;
   color: black;
   transition: 0.3s ease-in-out;
 
@@ -168,17 +171,18 @@
   border-radius: 10px;
 }
 
+/* Top-level links (Dashboard, Application, Proof, Logout, etc.) */
 #navbar a.dashboard,
 #navbar a.application,
-#navbar a.proof, 
-#navbar a.myDocumet, 
-#navbar a.documentRecord, 
-#navbar a.manageOrgUser, 
-#navbar a.manageUser, 
-#navbar a.systemSetting, 
-#navbar a.report, 
-#navbar a.payment, 
-#navbar a.user, 
+#navbar a.proof,
+#navbar a.myDocumet,
+#navbar a.documentRecord,
+#navbar a.manageOrgUser,
+#navbar a.manageUser,
+#navbar a.systemSetting,
+#navbar a.report,
+#navbar a.payment,
+#navbar a.user,
 #navbar a.logout {
   font-size: 1.1rem !important;
   font-weight: 600 !important;
@@ -187,8 +191,8 @@
 #navbar a.dashboard .MuiTypography-root,
 #navbar a.application .MuiTypography-root,
 #navbar a.proof .MuiTypography-root,
-#navbar a.myDocumet .MuiTypography-root, 
-#navbar a.documentRecord .MuiTypography-root, 
+#navbar a.myDocumet .MuiTypography-root,
+#navbar a.documentRecord .MuiTypography-root,
 #navbar a.manageOrgUser .MuiTypography-root,
 #navbar a.manageUser .MuiTypography-root,
 #navbar a.systemSetting .MuiTypography-root,
@@ -200,6 +204,22 @@
   font-weight: 600 !important;
 }
 
+/* Submenu triggers: Noto Sans, 1.1rem, bold */
+#navbar button.navTrigger.paymentTop,
+#navbar button.navTrigger.client,
+#navbar button.navTrigger.setting,
+#navbar button.navTrigger.paymentRecord,
+#navbar button.navTrigger.userSetting,
+#navbar button.navTrigger.paymentTop .MuiTypography-root,
+#navbar button.navTrigger.client .MuiTypography-root,
+#navbar button.navTrigger.setting .MuiTypography-root,
+#navbar button.navTrigger.paymentRecord .MuiTypography-root,
+#navbar button.navTrigger.userSetting .MuiTypography-root {
+  font-size: 1.1rem !important;
+  font-weight: 600 !important;
+  font-family: "Noto Sans HK", "Noto Sans SC", sans-serif !important;
+}
+
 /* Make them bigger + bold */
 #navbar a.login,
 #navbar a.register,