mirror of
https://github.com/bitwarden/browser
synced 2026-02-27 01:53:23 +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
34 lines
922 B
TypeScript
34 lines
922 B
TypeScript
import { ChangeDetectionStrategy, Component } from "@angular/core";
|
|
|
|
import { BaseCardComponent } from "../card";
|
|
|
|
/**
|
|
* Card component for landing pages that wraps content in a styled container.
|
|
*
|
|
* @remarks
|
|
* This component provides:
|
|
* - Card-based layout with consistent styling
|
|
* - Content projection for forms, text, or other content
|
|
* - Proper elevation and border styling
|
|
*
|
|
* Use this component inside `bit-landing-content` to wrap forms, content sections,
|
|
* or any content that should appear in a contained, elevated card.
|
|
*
|
|
* @example
|
|
* ```html
|
|
* <bit-landing-card>
|
|
* <form>
|
|
* <!-- Your form fields here -->
|
|
* </form>
|
|
* </bit-landing-card>
|
|
* ```
|
|
*/
|
|
@Component({
|
|
selector: "bit-landing-card",
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
standalone: true,
|
|
imports: [BaseCardComponent],
|
|
templateUrl: "./landing-card.component.html",
|
|
})
|
|
export class LandingCardComponent {}
|