Skip to content

Commit 901878e

Browse files
committed
refactor(examples): style buttons and add v-if
1 parent 7b588ea commit 901878e

File tree

3 files changed

+5
-7
lines changed

3 files changed

+5
-7
lines changed

examples/CardElement.vue

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
<template>
2-
<form @submit.prevent="handlePay">
2+
<form v-if="stripeLoaded" @submit.prevent="handlePay">
33
<StripeElements
4-
v-if="stripeLoaded"
54
class="py-3"
65
:stripe-key="publishableKey"
76
:instance-options="stripeOptions"
@@ -15,7 +14,7 @@
1514
/>
1615
</StripeElements>
1716
<button
18-
class="w-full focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
17+
class="w-full focus:outline-none text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-900"
1918
>
2019
Pay now
2120
</button>

examples/CardElementLegacy.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<button
1818
type="button"
1919
@click="pay"
20-
class="w-full focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
20+
class="w-full focus:outline-none text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-900"
2121
>
2222
Pay now
2323
</button>

examples/PaymentElementDeferred.vue

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
<template>
2-
<form @submit.prevent="handleSubmit">
2+
<form v-if="stripeLoaded" @submit.prevent="handleSubmit">
33
<StripeElements
4-
v-if="stripeLoaded"
54
:stripe-key="stripeKey"
65
:instance-options="stripeOptions"
76
:elements-options="elementsOptions"
@@ -16,7 +15,7 @@
1615
</StripeElements>
1716
<button
1817
type="submit"
19-
class="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
18+
class="focus:outline-none text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-900"
2019
>
2120
Submit
2221
</button>

0 commit comments

Comments
 (0)