1
0
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:
Conner Turnbull 2025-02-26 14:09:36 -05:00 committed by GitHub
parent 63ba9f6b31
commit cdbbbb365b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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"
> >