calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-08-08 05:28:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust spacing

Browse Source
This commit is contained in:
Owen
2026-07-02 11:49:49 -04:00
parent e40f325703
commit 5fc5a3ebca
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[orgId]/settings/(private)/billing/page.tsx
+6 -4
View File
@@ -1057,12 +1057,13 @@ export default function BillingPage() {
</SettingsSectionDescription> </SettingsSectionDescription>
</SettingsSectionHeader> </SettingsSectionHeader>
<SettingsSectionBody> <SettingsSectionBody>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
{/* Current Usage */} {/* Current Usage */}
<div className="border rounded-lg p-4"> <div className="border rounded-lg p-4 md:col-span-1">
<div className="text-sm text-muted-foreground mb-2"> <div className="text-sm text-muted-foreground mb-2">
{t("billingCurrentUsage") || "Current Usage"} {t("billingCurrentUsage") || "Current Usage"}
</div> </div>
<div className="flex flex-col items-start gap-1">
<div className="flex items-baseline gap-2"> <div className="flex items-baseline gap-2">
<span className="text-3xl font-semibold"> <span className="text-3xl font-semibold">
{getUserCount()} {getUserCount()}
@@ -1070,8 +1071,9 @@ export default function BillingPage() {
<span className="text-lg"> <span className="text-lg">
{t("billingUsers") || "Users"} {t("billingUsers") || "Users"}
</span> </span>
</div>
{hasSubscription && getPricePerUser() > 0 && ( {hasSubscription && getPricePerUser() > 0 && (
<div className="text-sm text-muted-foreground mt-1"> <div className="text-sm text-muted-foreground">
x ${getPricePerUser()} / month = $ x ${getPricePerUser()} / month = $
{getUserCount() * getPricePerUser()} / {getUserCount() * getPricePerUser()} /
month month
@@ -1081,7 +1083,7 @@ export default function BillingPage() {
</div> </div>
{/* Maximum Limits */} {/* Maximum Limits */}
<div className="border rounded-lg p-4"> <div className="border rounded-lg p-4 md:col-span-3">
<div className="text-sm text-muted-foreground mb-3"> <div className="text-sm text-muted-foreground mb-3">
{t("billingMaximumLimits") || "Maximum Limits"} {t("billingMaximumLimits") || "Maximum Limits"}
</div> </div>