mirror of
https://github.com/bitwarden/browser
synced 2026-02-07 04:03:29 +00:00
6cf434cf11
* 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
41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
<bit-landing-layout [hideBackgroundIllustration]="hideBackgroundIllustration()">
|
|
<bit-landing-header [hideLogo]="hideLogo()">
|
|
<ng-content select="[slot=header-actions]"></ng-content>
|
|
</bit-landing-header>
|
|
|
|
<bit-landing-content [maxWidth]="maxWidth()">
|
|
<bit-landing-hero [icon]="icon()" [title]="title()" [subtitle]="subtitle()"></bit-landing-hero>
|
|
@if (hideCardWrapper()) {
|
|
<div class="tw-mb-6 sm:tw-mb-10">
|
|
<ng-container *ngTemplateOutlet="defaultContent"></ng-container>
|
|
</div>
|
|
} @else {
|
|
<bit-landing-card>
|
|
<ng-container *ngTemplateOutlet="defaultContent"></ng-container>
|
|
</bit-landing-card>
|
|
}
|
|
<div class="tw-flex tw-flex-col tw-items-center">
|
|
<ng-content select="[slot=secondary]"></ng-content>
|
|
</div>
|
|
</bit-landing-content>
|
|
|
|
@if (!hideFooter()) {
|
|
<bit-landing-footer>
|
|
@if (showReadonlyHostname()) {
|
|
<div bitTypography="body2">{{ "accessing" | i18n }} {{ hostname }}</div>
|
|
} @else {
|
|
<ng-content select="[slot=environment-selector]"></ng-content>
|
|
}
|
|
|
|
@if (!hideYearAndVersion) {
|
|
<div bitTypography="body2">© {{ year }} Bitwarden Inc.</div>
|
|
<div bitTypography="body2">{{ version }}</div>
|
|
}
|
|
</bit-landing-footer>
|
|
}
|
|
</bit-landing-layout>
|
|
|
|
<ng-template #defaultContent>
|
|
<ng-content></ng-content>
|
|
</ng-template>
|