From ab3abe7f6b4040ce5c88c02d2afc543d6381d1fa Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sun, 6 Apr 2025 20:50:49 +0200
Subject: [PATCH] Refactor background-position logic in header component

---
 frontend/src/app/header/header.component.html | 2 +-
 frontend/src/app/header/header.component.ts   | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/header/header.component.html b/frontend/src/app/header/header.component.html
index 08a5c74..651176b 100644
--- a/frontend/src/app/header/header.component.html
+++ b/frontend/src/app/header/header.component.html
@@ -1,6 +1,6 @@
 <ng-container>
   <header id="top"
-          [ngStyle]="{ 'background-image': getBackgroundImage(), 'height': height, 'background-position': 'center ' + inverseYPos + 'px' }">
+          [ngStyle]="{ 'background-image': getBackgroundImage(),'height': height, 'background-position': getBackgroundPosition() }">
     <nav id="nav" [ngClass]="active">
       <div class="container">
         <div id="mobile_nav">
diff --git a/frontend/src/app/header/header.component.ts b/frontend/src/app/header/header.component.ts
index 7cf5156..0325ee0 100644
--- a/frontend/src/app/header/header.component.ts
+++ b/frontend/src/app/header/header.component.ts
@@ -41,4 +41,12 @@ export class HeaderComponent {
     }
     return null;
   }
+
+  public getBackgroundPosition() {
+    if (this.current_page === 'home') {
+      return 'center ' + this.inverseYPos + 'px'
+    } else {
+      return '';
+    }
+  }
 }