From 7201387d40a600bacb43aedefc3af23e4bc10526 Mon Sep 17 00:00:00 2001 From: Ricardo Campos Date: Mon, 20 Jul 2026 12:14:39 -0300 Subject: [PATCH] fix: background position image in landing, login and register pages --- CHANGELOG.md | 3 +++ client/src/views/Landing/styles.scss | 3 ++- client/src/views/Login/styles.scss | 3 ++- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d968222..4d6274f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Changed - Labels in tasks due date to use the time ago format. +### Fixed +- Background image position in landing, login and register pages. + ### Removed - React Date Picker dependency in favour of regular browser input date UI. diff --git a/client/src/views/Landing/styles.scss b/client/src/views/Landing/styles.scss index 8d25955..c3b1069 100644 --- a/client/src/views/Landing/styles.scss +++ b/client/src/views/Landing/styles.scss @@ -4,8 +4,9 @@ position: relative; text-align: center; color: $dark-text; - background: var(--bs-landing-bg) no-repeat center center; + background: var(--bs-landing-bg) no-repeat center center fixed; background-size: cover; // Ensures the image covers the whole background + min-height: 100vh; &::before { content: ''; diff --git a/client/src/views/Login/styles.scss b/client/src/views/Login/styles.scss index 608972c..1f01a32 100644 --- a/client/src/views/Login/styles.scss +++ b/client/src/views/Login/styles.scss @@ -1,11 +1,12 @@ @import '../../styles/theme.scss'; .login-page { + position: relative; display: flex; justify-content: center; align-items: center; min-height: 100vh; - background: var(--bs-landing-bg) no-repeat center center; + background: var(--bs-landing-bg) no-repeat center center fixed; background-size: cover; &::before {