diff --git a/frontend/src/app/dialogs/information/information.component.ts b/frontend/src/app/dialogs/information/information.component.ts index e8410c7..0583e86 100644 --- a/frontend/src/app/dialogs/information/information.component.ts +++ b/frontend/src/app/dialogs/information/information.component.ts @@ -17,6 +17,15 @@ export class InformationComponent { logo: string = "../../assets/images/logo.svg"; updateItems: { date: string, updates: string[] }[] = [ + { + date: '3/12/2024', + updates: [ + 'Added Translation for Business Marker Dialog.', + 'Added Translation for Shopping Order Menu.', + 'Updated Social Media links.', + 'Fixed horizontal scrolling issue.' + ] + }, { date: '3/10/2024', updates: [ diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 4213142..ad128b9 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -1,4 +1,4 @@ -@use "../node_modules/@angular/material/" as mat; +@use '../node_modules/@angular/material/' as mat; @import './assets/styles/fonts.scss'; @import './assets/styles/reset.scss'; @@ -9,11 +9,14 @@ @tailwind components; @tailwind utilities; -html, body { height: 100%; } -body { - margin: 0; - font-family: Roboto, "Helvetica Neue", sans-serif; - min-width: 21rem; +html, +body { + height: 100%; +} +body { + margin: 0; + font-family: Roboto, 'Helvetica Neue', sans-serif; + min-width: 18rem; background-image: url('./assets/images/background.svg'); background-color: rgba(255, 255, 255, 0.15); background-size: cover; @@ -28,21 +31,24 @@ $dark-accent: mat.define-palette(mat.$green-palette); $dark-warn: mat.define-palette(mat.$yellow-palette); // define dark mode theme -$angular-dark-theme: mat.define-dark-theme(( - color: ( - primary: $dark-primary, - accent: $dark-accent, - warn: $dark-warn, +$angular-dark-theme: mat.define-dark-theme( + ( + color: ( + primary: $dark-primary, + accent: $dark-accent, + warn: $dark-warn, + ), ) -)); +); -.dark-mode { - @include mat.all-component-colors($angular-dark-theme); +.dark-mode { + @include mat.all-component-colors($angular-dark-theme); background-color: #111d11; color: #ffffff; background-blend-mode: multiply; - .business-registration__input, .business-registration__select { + .business-registration__input, + .business-registration__select { background-color: #092709; }