mirror of
https://github.com/bitwarden/browser.git
synced 2024-11-11 10:10:25 +01:00
h3 typography on small screens, h2 on medium-large screens (#10939)
This commit is contained in:
parent
4e7399ed98
commit
12967b0c17
@ -13,9 +13,16 @@
|
|||||||
<bit-icon [icon]="icon"></bit-icon>
|
<bit-icon [icon]="icon"></bit-icon>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 *ngIf="title" bitTypography="h3" class="tw-mt-2 sm:tw-text-2xl">
|
<ng-container *ngIf="title">
|
||||||
|
<!-- Small screens -->
|
||||||
|
<h1 bitTypography="h3" class="tw-mt-2 sm:tw-hidden">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</h1>
|
</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 *ngIf="subtitle" class="tw-text-sm sm:tw-text-base">{{ subtitle }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user