fix: align dynamic pricing style with log details dialog sections

2026-07-04 23:18:25 +08:00
parent 4ae341756e
commit f52b52b167
2 changed files with 83 additions and 37 deletions
@@ -966,13 +966,14 @@ export function DetailsDialog(props: DetailsDialogProps) {

        {/* Tiered pricing breakdown (when billing_mode is tiered_expr) */}
        {isTieredBilling && other?.expr_b64 && (
-          <div className='bg-muted/30 min-w-0 overflow-hidden rounded-md border px-3 max-sm:px-2'>
+          <DetailSection label={t('Dynamic Pricing')}>
            <DynamicPricingBreakdown
+              compact
              billingExpr={decodeBillingExprB64(other.expr_b64)}
              matchedTierLabel={other.matched_tier}
              hideCacheColumns={!hasAnyCacheTokens(other)}
            />
-          </div>
+          </DetailSection>
        )}

        {/* Admin billing mode indicator for non-consume */}