mirror of
https://github.com/bitwarden/browser
synced 2026-01-28 15:23:53 +00:00
* wip * wip * implement new control flow syntax * new landing helper components * add missing imports to header * create max width container * create landing card component * address claude feedback * fix center aligned text * ensure secondary content is centered for now * only render container when there is content * remove max width container * remove constructor init of variable * remove unnecessary styling * build styling into helper components * ensure content grows * ensure content takes allowed width * apply padding to elements instead of header and check for projected content * use Array.from to filter nodes * fix logo width * use has selector to apply actions styles, simplify heading padding * remove unneeded content projection * remove unneeded comment * use modern control flow for story * update max width classes to signal and remove switch * make logo input readonly * remove variables * remove object type * fix width types usage * add comments about component usage * fix broken variable reference * fix broken max width class usage * only appyly y padding to header actions
14 lines
429 B
HTML
14 lines
429 B
HTML
<header class="tw-flex tw-w-full tw-bg-background-alt tw-px-5">
|
|
@if (!hideLogo()) {
|
|
<a
|
|
[routerLink]="['/']"
|
|
class="tw-w-32 tw-py-5 sm:tw-w-[200px] tw-self-center sm:tw-self-start tw-block [&>*]:tw-align-top"
|
|
>
|
|
<bit-icon [icon]="logo" [ariaLabel]="'appLogoLabel' | i18n"></bit-icon>
|
|
</a>
|
|
}
|
|
<div class="[&:has(*)]:tw-ms-auto [&:has(*)]:tw-py-5">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
</header>
|