mirror of
https://github.com/bitwarden/browser
synced 2026-02-16 00:24:52 +00:00
Refactor WebHeaderComponent to simplify background handling
- Removed the useAltBackground input signal from WebHeaderComponent. - Updated the HTML template to conditionally apply styles based solely on the child element count of the tabs container.
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
class="-tw-mt-6 -tw-mx-8 tw-mb-3 tw-flex tw-flex-col tw-py-6 tw-px-8"
|
||||
[ngClass]="{
|
||||
'tw-border-0 tw-border-b tw-border-solid tw-border-secondary-100 tw-bg-background-alt tw-pb-0':
|
||||
tabsContainer.childElementCount !== 0 || useAltBackground,
|
||||
tabsContainer.childElementCount !== 0,
|
||||
}"
|
||||
>
|
||||
<div class="tw-flex">
|
||||
|
||||
@@ -30,11 +30,6 @@ export class WebHeaderComponent {
|
||||
*/
|
||||
readonly icon: InputSignal<string> = input();
|
||||
|
||||
/**
|
||||
* Utilize the alt background on pages where it is still needed
|
||||
*/
|
||||
readonly useAltBackground: InputSignal<boolean> = input(false);
|
||||
|
||||
protected routeData$: Observable<{ titleId: string }>;
|
||||
protected account$: Observable<User & { id: UserId }>;
|
||||
protected canLock$: Observable<boolean>;
|
||||
|
||||
Reference in New Issue
Block a user