| @@ -51,13 +51,15 @@ | |||||
| box-sizing: border-box; | 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, | ||||
| #navbar > div > li > button.navTrigger .MuiTypography-root { | #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, | ||||
| #navbar > div > li > a .MuiTypography-root { | #navbar > div > li > a .MuiTypography-root { | ||||
| font-weight: 600; | font-weight: 600; | ||||
| @@ -84,7 +86,7 @@ | |||||
| transition: 0.3s ease-in-out; | 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{ | #navbar div li button.navTrigger{ | ||||
| background: transparent; | background: transparent; | ||||
| border: 0; | border: 0; | ||||
| @@ -92,8 +94,9 @@ | |||||
| cursor: pointer; | cursor: pointer; | ||||
| text-decoration: none; | text-decoration: none; | ||||
| font-size: 1.2rem; | |||||
| font-size: 1.1rem; | |||||
| font-weight: 600; | font-weight: 600; | ||||
| font-family: "Noto Sans HK", "Noto Sans SC", sans-serif; | |||||
| color: black; | color: black; | ||||
| transition: 0.3s ease-in-out; | transition: 0.3s ease-in-out; | ||||
| @@ -168,17 +171,18 @@ | |||||
| border-radius: 10px; | border-radius: 10px; | ||||
| } | } | ||||
| /* Top-level links (Dashboard, Application, Proof, Logout, etc.) */ | |||||
| #navbar a.dashboard, | #navbar a.dashboard, | ||||
| #navbar a.application, | #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 { | #navbar a.logout { | ||||
| font-size: 1.1rem !important; | font-size: 1.1rem !important; | ||||
| font-weight: 600 !important; | font-weight: 600 !important; | ||||
| @@ -187,8 +191,8 @@ | |||||
| #navbar a.dashboard .MuiTypography-root, | #navbar a.dashboard .MuiTypography-root, | ||||
| #navbar a.application .MuiTypography-root, | #navbar a.application .MuiTypography-root, | ||||
| #navbar a.proof .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.manageOrgUser .MuiTypography-root, | ||||
| #navbar a.manageUser .MuiTypography-root, | #navbar a.manageUser .MuiTypography-root, | ||||
| #navbar a.systemSetting .MuiTypography-root, | #navbar a.systemSetting .MuiTypography-root, | ||||
| @@ -200,6 +204,22 @@ | |||||
| font-weight: 600 !important; | 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 */ | /* Make them bigger + bold */ | ||||
| #navbar a.login, | #navbar a.login, | ||||
| #navbar a.register, | #navbar a.register, | ||||