bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-23 19:53:43 +00:00
Code Issues Releases Wiki Activity

Migrated Stripe payment fields from Bootstrap to Tailwind (#13633)

Browse Source
This commit is contained in:
Conner Turnbull
2025-03-25 07:41:35 -04:00
committed by GitHub
parent c8069baa24
commit ec07ffde93
4 changed files with 27 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/billing/services/stripe.service.ts
View File

@@ -161,6 +161,7 @@ export class StripeService {
},
},
classes: {
base: "tw-stripe-form-control",
focus: "is-focused",
empty: "is-empty",
invalid: "is-invalid",
@@ -168,7 +169,6 @@ export class StripeService {
};
options.style.base.fontWeight = "500";
options.classes.base = "v2";
// Remove the placeholder for number and CVC fields
if (["cardNumber", "cardCvc"].includes(element)) {

6
apps/web/src/app/billing/shared/payment/payment.component.html
View File

@@ -46,7 +46,7 @@
<app-payment-label for="stripe-card-number" required>
{{ "number" | i18n }}
</app-payment-label>
<div id="stripe-card-number" class="form-control stripe-form-control"></div>
<div id="stripe-card-number" class="tw-stripe-form-control"></div>
</div>
<div class="tw-col-span-1 tw-flex tw-items-end">
<img
@@ -59,7 +59,7 @@
<app-payment-label for="stripe-card-expiry" required>
{{ "expiration" | i18n }}
</app-payment-label>
<div id="stripe-card-expiry" class="form-control stripe-form-control"></div>
<div id="stripe-card-expiry" class="tw-stripe-form-control"></div>
</div>
<div class="tw-col-span-1">
<app-payment-label for="stripe-card-cvc" required>
@@ -74,7 +74,7 @@
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
</a>
</app-payment-label>
<div id="stripe-card-cvc" class="form-control stripe-form-control"></div>
<div id="stripe-card-cvc" class="tw-stripe-form-control"></div>
</div>
</div>
</ng-container>