From f8cd3e0d04dcea1df12a558aa0a8dc01fce5fdcf Mon Sep 17 00:00:00 2001 From: Roma Date: Mon, 10 Mar 2025 15:09:08 +0200 Subject: [PATCH 1/2] style(ui): updated global styles Updated global styles for , fixed all local problems, updated global styles for h1-h3 --- src/app/core/components/sidenav/sidenav.component.scss | 2 ++ src/app/core/components/topnav/topnav.component.scss | 4 +++- src/assets/styles/_variables.scss | 2 ++ src/assets/styles/overrides/button.scss | 2 ++ src/assets/styles/styles.scss | 7 ++++++- 5 files changed, 15 insertions(+), 2 deletions(-) diff --git a/src/app/core/components/sidenav/sidenav.component.scss b/src/app/core/components/sidenav/sidenav.component.scss index 204303333..73db5b41a 100644 --- a/src/app/core/components/sidenav/sidenav.component.scss +++ b/src/app/core/components/sidenav/sidenav.component.scss @@ -19,6 +19,8 @@ width: 100%; height: 3.4rem; gap: 0.5rem; + color: var.$white; + text-decoration: none; } .active { diff --git a/src/app/core/components/topnav/topnav.component.scss b/src/app/core/components/topnav/topnav.component.scss index f88421c37..38ebd6066 100644 --- a/src/app/core/components/topnav/topnav.component.scss +++ b/src/app/core/components/topnav/topnav.component.scss @@ -1,5 +1,7 @@ +@use "assets/styles/variables" as var; + :host { - background: #24384a; + background: var.$dark-blue-1; height: 96px; color: white; } diff --git a/src/assets/styles/_variables.scss b/src/assets/styles/_variables.scss index f6a84670f..9c55ea350 100644 --- a/src/assets/styles/_variables.scss +++ b/src/assets/styles/_variables.scss @@ -22,6 +22,7 @@ $grey-1: var(--grey-1); $grey-2: var(--grey-2); $grey-3: var(--grey-3); $grey-outline: var(--grey-outline); +$white: var(--white); // Green $green-1: var(--green-1); @@ -71,6 +72,7 @@ $blue-2-bg: var(--blue-2-bg); --grey-2: #e0e1e2; --grey-3: #eff0f1; --grey-outline: #00000029; + --white: #ffffff; // Green Colors --green-1: #357935; diff --git a/src/assets/styles/overrides/button.scss b/src/assets/styles/overrides/button.scss index 11c1588e0..7a3cda74a 100644 --- a/src/assets/styles/overrides/button.scss +++ b/src/assets/styles/overrides/button.scss @@ -6,6 +6,8 @@ padding: 0.7rem 1.15rem; font-size: 1rem; background-color: var.$pr-blue-1; + color: var.$white; + text-decoration: none; .p-button-label { font-weight: 700; diff --git a/src/assets/styles/styles.scss b/src/assets/styles/styles.scss index 8abf9b7bd..e942a64be 100644 --- a/src/assets/styles/styles.scss +++ b/src/assets/styles/styles.scss @@ -38,6 +38,7 @@ h3 { font-weight: 700; text-transform: capitalize; + color: variables.$dark-blue-1; } li { @@ -47,7 +48,11 @@ a, a:visited { text-decoration: none; - color: inherit; + color: variables.$pr-blue-1; + } + + a:hover { + text-decoration: underline; } button { From 2736b2102a41ae12f032bcdee9b2a37f5284d303 Mon Sep 17 00:00:00 2001 From: Roma Date: Mon, 10 Mar 2025 17:32:28 +0200 Subject: [PATCH 2/2] feat(policies): Designed Terms of Use & Privacy Policy pages --- src/app/app.routes.ts | 14 + .../components/footer/footer.component.html | 4 +- .../components/footer/footer.component.scss | 8 - .../components/footer/footer.component.ts | 3 +- .../privacy-policy.component.html | 930 ++++++++++++++++++ .../privacy-policy.component.scss | 29 + .../privacy-policy.component.spec.ts | 22 + .../privacy-policy.component.ts | 10 + .../terms-of-use/terms-of-use.component.html | 877 +++++++++++++++++ .../terms-of-use/terms-of-use.component.scss | 18 + .../terms-of-use.component.spec.ts | 22 + .../terms-of-use/terms-of-use.component.ts | 10 + src/assets/styles/styles.scss | 20 + 13 files changed, 1956 insertions(+), 11 deletions(-) create mode 100644 src/app/features/privacy-policy/privacy-policy.component.html create mode 100644 src/app/features/privacy-policy/privacy-policy.component.scss create mode 100644 src/app/features/privacy-policy/privacy-policy.component.spec.ts create mode 100644 src/app/features/privacy-policy/privacy-policy.component.ts create mode 100644 src/app/features/terms-of-use/terms-of-use.component.html create mode 100644 src/app/features/terms-of-use/terms-of-use.component.scss create mode 100644 src/app/features/terms-of-use/terms-of-use.component.spec.ts create mode 100644 src/app/features/terms-of-use/terms-of-use.component.ts diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index e057e7903..be190812d 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -29,6 +29,20 @@ export const routes: Routes = [ (mod) => mod.SupportComponent, ), }, + { + path: 'terms-of-use', + loadComponent: () => + import('./features/terms-of-use/terms-of-use.component').then( + (mod) => mod.TermsOfUseComponent, + ), + }, + { + path: 'privacy-policy', + loadComponent: () => + import('./features/privacy-policy/privacy-policy.component').then( + (mod) => mod.PrivacyPolicyComponent, + ), + }, ], }, ]; diff --git a/src/app/core/components/footer/footer.component.html b/src/app/core/components/footer/footer.component.html index bf5af1c1b..044dc876e 100644 --- a/src/app/core/components/footer/footer.component.html +++ b/src/app/core/components/footer/footer.component.html @@ -25,9 +25,9 @@