Adjust overlay_gradient to accept numeric transparency values.
Replaced the boolean `overlay_gradient` property with a numeric input to allow for more granular control over the overlay transparency. Updated both the map component and the header logic to handle this change dynamically.
This commit is contained in:
@@ -10,7 +10,7 @@ export class HeaderComponent {
|
||||
@Input() current_page: string = '';
|
||||
@Input() background_image: string = '';
|
||||
@Input() height: string = '';
|
||||
@Input() overlay_gradient: boolean = false;
|
||||
@Input() overlay_gradient: number = 0;
|
||||
|
||||
public active: string = '';
|
||||
|
||||
@@ -26,7 +26,7 @@ export class HeaderComponent {
|
||||
|
||||
public getBackgroundImage() {
|
||||
if (this.overlay_gradient) {
|
||||
return `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(${this.background_image})`;
|
||||
return `linear-gradient(rgba(0, 0, 0, ${this.overlay_gradient}), rgba(0, 0, 0, ${this.overlay_gradient})), url(${this.background_image})`;
|
||||
} else {
|
||||
return `url(${this.background_image})`;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user