calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-07-08 07:05:08 +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
+13 -11
View File
@@ -1057,21 +1057,23 @@ 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 items-baseline gap-2"> <div className="flex flex-col items-start gap-1">
<span className="text-3xl font-semibold"> <div className="flex items-baseline gap-2">
{getUserCount()} <span className="text-3xl font-semibold">
</span> {getUserCount()}
<span className="text-lg"> </span>
{t("billingUsers") || "Users"} <span className="text-lg">
</span> {t("billingUsers") || "Users"}
</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>