h3 typography on small screens, h2 on medium-large screens (#10939)

This commit is contained in:
rr-bw 2024-09-09 15:12:31 -07:00 committed by GitHub
parent 4e7399ed98
commit 12967b0c17
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 3 deletions

View File

@ -13,9 +13,16 @@
<bit-icon [icon]="icon"></bit-icon>
</div>
<h1 *ngIf="title" bitTypography="h3" class="tw-mt-2 sm:tw-text-2xl">
{{ title }}
</h1>
<ng-container *ngIf="title">
<!-- Small screens -->
<h1 bitTypography="h3" class="tw-mt-2 sm:tw-hidden">
{{ title }}
</h1>
<!-- Medium to Larger screens -->
<h1 bitTypography="h2" class="tw-mt-2 tw-hidden sm:tw-block">
{{ title }}
</h1>
</ng-container>
<div *ngIf="subtitle" class="tw-text-sm sm:tw-text-base">{{ subtitle }}</div>
</div>