Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor background-position logic in header component

Browse Source
This commit is contained in:
Teriuihi 2025-04-06 20:50:49 +02:00
parent 7b377a3667
commit ab3abe7f6b
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/header/header.component.html
View File

@ -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">

8
frontend/src/app/header/header.component.ts
View File

@ -41,4 +41,12 @@ export class HeaderComponent {
}
return null;
}
public getBackgroundPosition() {
if (this.current_page === 'home') {
return 'center ' + this.inverseYPos + 'px'
} else {
return '';
}
}
}