mirror of
https://github.com/bitwarden/browser.git
synced 2025-02-28 03:21:40 +01:00
Bootstrap to tailwind updates (#13582)
This commit is contained in:
parent
63ba9f6b31
commit
cdbbbb365b
@ -55,7 +55,7 @@
|
|||||||
class="tw-grid tw-grid-flow-col tw-gap-4 tw-mb-4"
|
class="tw-grid tw-grid-flow-col tw-gap-4 tw-mb-4"
|
||||||
[class]="'tw-grid-cols-' + selectableProducts.length"
|
[class]="'tw-grid-cols-' + selectableProducts.length"
|
||||||
>
|
>
|
||||||
<div
|
<bit-card
|
||||||
*ngFor="
|
*ngFor="
|
||||||
let selectableProduct of selectableProducts;
|
let selectableProduct of selectableProducts;
|
||||||
trackBy: manageSelectableProduct;
|
trackBy: manageSelectableProduct;
|
||||||
@ -64,7 +64,6 @@
|
|||||||
[ngClass]="getPlanCardContainerClasses(selectableProduct, i)"
|
[ngClass]="getPlanCardContainerClasses(selectableProduct, i)"
|
||||||
(click)="selectPlan(selectableProduct)"
|
(click)="selectPlan(selectableProduct)"
|
||||||
[attr.tabindex]="focusedIndex !== i || isCardDisabled(i) ? '-1' : '0'"
|
[attr.tabindex]="focusedIndex !== i || isCardDisabled(i) ? '-1' : '0'"
|
||||||
class="product-card"
|
|
||||||
(keyup)="onKeydown($event, i)"
|
(keyup)="onKeydown($event, i)"
|
||||||
(focus)="onFocus(i)"
|
(focus)="onFocus(i)"
|
||||||
[attr.aria-disabled]="isCardDisabled(i)"
|
[attr.aria-disabled]="isCardDisabled(i)"
|
||||||
@ -322,7 +321,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</div>
|
</bit-card>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<bit-callout
|
<bit-callout
|
||||||
@ -353,7 +352,7 @@
|
|||||||
>
|
>
|
||||||
<i class="bwi bwi-fw" [ngClass]="paymentSourceClasses"></i>
|
<i class="bwi bwi-fw" [ngClass]="paymentSourceClasses"></i>
|
||||||
{{ paymentSource?.description }}
|
{{ paymentSource?.description }}
|
||||||
<span class="ml-2 tw-text-primary-600 tw-cursor-pointer" (click)="toggleShowPayment()">
|
<span class="tw-ml-2 tw-text-primary-600 tw-cursor-pointer" (click)="toggleShowPayment()">
|
||||||
{{ "changePaymentMethod" | i18n }}
|
{{ "changePaymentMethod" | i18n }}
|
||||||
</span>
|
</span>
|
||||||
<a></a>
|
<a></a>
|
||||||
@ -382,8 +381,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- SM + PM and PM only cost summary -->
|
<!-- SM + PM and PM only cost summary -->
|
||||||
<div *ngIf="totalOpened && !isSecretsManagerTrial()" class="row">
|
<div *ngIf="totalOpened && !isSecretsManagerTrial()" class="tw-flex tw-flex-wrap tw-gap-4">
|
||||||
<bit-hint class="col-6" *ngIf="selectedInterval == planIntervals.Annually">
|
<bit-hint class="tw-w-1/2" *ngIf="selectedInterval == planIntervals.Annually">
|
||||||
<p class="tw-font-semibold tw-mb-1" *ngIf="organization.useSecretsManager">
|
<p class="tw-font-semibold tw-mb-1" *ngIf="organization.useSecretsManager">
|
||||||
{{ "passwordManager" | i18n }}
|
{{ "passwordManager" | i18n }}
|
||||||
</p>
|
</p>
|
||||||
@ -550,7 +549,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
</p>
|
</p>
|
||||||
</bit-hint>
|
</bit-hint>
|
||||||
<bit-hint class="col-6" *ngIf="selectedInterval == planIntervals.Monthly">
|
<bit-hint class="tw-w-1/2" *ngIf="selectedInterval == planIntervals.Monthly">
|
||||||
<p class="tw-font-semibold tw-mb-1" *ngIf="organization.useSecretsManager">
|
<p class="tw-font-semibold tw-mb-1" *ngIf="organization.useSecretsManager">
|
||||||
{{ "passwordManager" | i18n }}
|
{{ "passwordManager" | i18n }}
|
||||||
</p>
|
</p>
|
||||||
@ -706,8 +705,8 @@
|
|||||||
</bit-hint>
|
</bit-hint>
|
||||||
</div>
|
</div>
|
||||||
<!-- SM + Free PM cost summary -->
|
<!-- SM + Free PM cost summary -->
|
||||||
<div *ngIf="totalOpened && isSecretsManagerTrial()" class="row">
|
<div *ngIf="totalOpened && isSecretsManagerTrial()" class="tw-flex tw-flex-wrap tw-gap-4">
|
||||||
<bit-hint class="col-6" *ngIf="selectedInterval == planIntervals.Annually">
|
<bit-hint class="tw-w-1/2" *ngIf="selectedInterval == planIntervals.Annually">
|
||||||
<!-- secrets manager summary for annual -->
|
<!-- secrets manager summary for annual -->
|
||||||
<p class="tw-font-semibold tw-mt-2 tw-mb-0" *ngIf="organization.useSecretsManager">
|
<p class="tw-font-semibold tw-mt-2 tw-mb-0" *ngIf="organization.useSecretsManager">
|
||||||
{{ "secretsManager" | i18n }}
|
{{ "secretsManager" | i18n }}
|
||||||
@ -826,7 +825,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
</bit-hint>
|
</bit-hint>
|
||||||
<bit-hint class="col-6" *ngIf="selectedInterval == planIntervals.Monthly">
|
<bit-hint class="tw-w-1/2" *ngIf="selectedInterval == planIntervals.Monthly">
|
||||||
<!-- secrets manager summary for monthly -->
|
<!-- secrets manager summary for monthly -->
|
||||||
<p class="tw-font-semibold tw-mt-2 tw-mb-0" *ngIf="organization.useSecretsManager">
|
<p class="tw-font-semibold tw-mt-2 tw-mb-0" *ngIf="organization.useSecretsManager">
|
||||||
{{ "secretsManager" | i18n }}
|
{{ "secretsManager" | i18n }}
|
||||||
@ -930,9 +929,9 @@
|
|||||||
<!-- discountPercentage to PM Only -->
|
<!-- discountPercentage to PM Only -->
|
||||||
<div
|
<div
|
||||||
*ngIf="totalOpened && discountPercentage && !organization.useSecretsManager"
|
*ngIf="totalOpened && discountPercentage && !organization.useSecretsManager"
|
||||||
class="row"
|
class="tw-flex tw-flex-wrap tw-gap-4"
|
||||||
>
|
>
|
||||||
<bit-hint class="col-6">
|
<bit-hint class="tw-w-1/2">
|
||||||
<p
|
<p
|
||||||
class="tw-mb-0 tw-flex tw-justify-between"
|
class="tw-mb-0 tw-flex tw-justify-between"
|
||||||
bitTypography="body2"
|
bitTypography="body2"
|
||||||
@ -949,8 +948,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</bit-hint>
|
</bit-hint>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="totalOpened" class="row tw-mt-4">
|
<div *ngIf="totalOpened" class="tw-flex tw-flex-wrap tw-gap-4 tw-mt-4">
|
||||||
<bit-hint class="col-6">
|
<bit-hint class="tw-w-1/2">
|
||||||
<p
|
<p
|
||||||
class="tw-flex tw-justify-between tw-border-0 tw-border-solid tw-border-t tw-border-secondary-300 tw-pt-2 tw-mb-0"
|
class="tw-flex tw-justify-between tw-border-0 tw-border-solid tw-border-t tw-border-secondary-300 tw-pt-2 tw-mb-0"
|
||||||
>
|
>
|
||||||
@ -963,8 +962,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</bit-hint>
|
</bit-hint>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="totalOpened" class="row tw-mt-4">
|
<div *ngIf="totalOpened" class="tw-flex tw-flex-wrap tw-gap-4 tw-mt-4">
|
||||||
<bit-hint class="col-6">
|
<bit-hint class="tw-w-1/2">
|
||||||
<p
|
<p
|
||||||
class="tw-flex tw-justify-between tw-border-0 tw-border-solid tw-border-t tw-border-secondary-300 tw-pt-2 tw-mb-0"
|
class="tw-flex tw-justify-between tw-border-0 tw-border-solid tw-border-t tw-border-secondary-300 tw-pt-2 tw-mb-0"
|
||||||
>
|
>
|
||||||
|
Loading…
Reference in New Issue
Block a user