fix icons alignment in billing upgrade buttons

This commit is contained in:
Gregor Vostrak
2024-12-17 12:55:29 +01:00
parent 33818f10b3
commit 19ed966504
4 changed files with 7 additions and 6 deletions

View File

@@ -39,10 +39,10 @@ const show = defineModel('show', { default: false });
<PrimaryButton
type="button"
class="mt-6"
:icon="CreditCardIcon"
v-if="
isBillingActivated() && canUpdateOrganization()
">
<CreditCardIcon class="w-5 h-5 me-2" />
Go to Billing
</PrimaryButton>
</Link>

View File

@@ -41,8 +41,10 @@
<Link
v-if="isBillingActivated() && canManageBilling()"
href="/billing">
<PrimaryButton type="button" class="mt-6">
<CreditCardIcon class="w-5 h-5 me-2" />
<PrimaryButton
:icon="CreditCardIcon"
type="button"
class="mt-6">
Go to Billing
</PrimaryButton>
</Link>

View File

@@ -103,10 +103,10 @@ watch(currentPage, () => {
<PrimaryButton
type="button"
class="mt-6"
:icon="CreditCardIcon"
v-if="
isBillingActivated() && canUpdateOrganization()
">
<CreditCardIcon class="w-5 h-5 me-2" />
Go to Billing
</PrimaryButton>
</Link>

View File

@@ -64,8 +64,7 @@ const updateTeamName = () => {
<Link
v-if="isBillingActivated() && canManageBilling()"
href="/billing">
<PrimaryButton type="button">
<CreditCardIcon class="w-5 h-5 me-2" />
<PrimaryButton :icon="CreditCardIcon" type="button">
Go to Billing
</PrimaryButton>
</Link>