@kernhq/module-billing 0.5.7 → 0.5.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kernhq/module-billing",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.8",
|
|
4
4
|
"description": "Kern billing module: plans, entitlements, subscriptions and Stripe — the mechanism that lets any Kern instance sell seats on itself",
|
|
5
5
|
"homepage": "https://github.com/KernAIO/module-billing#readme",
|
|
6
6
|
"license": "AGPL-3.0-only",
|
|
@@ -323,7 +323,8 @@ function once(run: () => void) {
|
|
|
323
323
|
</EmptyState>
|
|
324
324
|
{:else}
|
|
325
325
|
<!-- current plan -->
|
|
326
|
-
|
|
326
|
+
<!-- The card's own padding is off so the 20px inside is the only padding, on every side. -->
|
|
327
|
+
<Card padding="none">
|
|
327
328
|
<div class="grid gap-4 p-5">
|
|
328
329
|
<div class="flex flex-wrap items-start justify-between gap-3">
|
|
329
330
|
<div class="grid gap-1">
|
|
@@ -419,15 +420,16 @@ function once(run: () => void) {
|
|
|
419
420
|
last line with the card's padding pooled underneath. The layout lives on an element
|
|
420
421
|
of our own inside the card.
|
|
421
422
|
-->
|
|
422
|
-
<Card
|
|
423
|
-
<div class="grid h-full content-between gap-5">
|
|
423
|
+
<Card padding="none">
|
|
424
|
+
<div class="grid h-full content-between gap-5 p-5">
|
|
424
425
|
<div class="grid gap-2">
|
|
425
426
|
<div class="flex items-center justify-between gap-2">
|
|
426
427
|
<span class="text-[15px] font-medium text-[var(--kern-ink-900)]">{plan.name}</span>
|
|
427
428
|
{#if isCurrent}<Badge tone="accent">{t('current')}</Badge>{/if}
|
|
428
429
|
</div>
|
|
429
430
|
<div class="flex items-baseline gap-1.5">
|
|
430
|
-
|
|
431
|
+
<!-- 22px type at the default line-height leaves a hole above the digits. -->
|
|
432
|
+
<span class="text-[22px] font-medium leading-none text-[var(--kern-ink-900)]">
|
|
431
433
|
{formatMoney(plan.priceMinor, plan.currency, locale)}
|
|
432
434
|
</span>
|
|
433
435
|
<span class="text-[12px] text-[var(--kern-ink-400)]">{priceNote(plan)}</span>
|