diff --git a/src/modules/finance/pages/FinanceCustomerAccountsView.vue b/src/modules/finance/pages/FinanceCustomerAccountsView.vue index 4b2953af..8d1aa96f 100644 --- a/src/modules/finance/pages/FinanceCustomerAccountsView.vue +++ b/src/modules/finance/pages/FinanceCustomerAccountsView.vue @@ -454,6 +454,49 @@ watch(() => [route.name, String(route.params.customerId || '')], ([name, custome border-top: 0; } +@media (min-width: 1920px) { + .finance-account-detail__layout :deep(.detail-page-layout) { + gap: 8px; + } + + .finance-account-detail__layout :deep(.detail-page-layout__header) { + min-height: 56px; + padding: 10px 14px; + } + + .finance-account-detail__layout :deep(.detail-page-layout__summary) { + padding: 8px 14px 0; + } + + .finance-account-detail__layout :deep(.detail-page-layout__content) { + padding: 0 14px 10px; + } + + .finance-account-detail__layout :deep(.detail-page-layout__footer) { + padding: 0 14px 10px; + } + + .finance-account-detail__layout :deep(.form-section) { + padding: 10px 0; + } + + .finance-account-detail__layout :deep(.form-section__heading) { + margin-bottom: 8px; + } + + .account-metrics { + gap: 8px; + } + + .account-metric { + padding: 0 10px; + } + + .detail-footer { + padding-top: 0; + } +} + @media (max-width: 1080px) { .account-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); diff --git a/src/modules/finance/pages/FinanceCustomerArapView.vue b/src/modules/finance/pages/FinanceCustomerArapView.vue index 04109826..76a7862a 100644 --- a/src/modules/finance/pages/FinanceCustomerArapView.vue +++ b/src/modules/finance/pages/FinanceCustomerArapView.vue @@ -473,6 +473,49 @@ watch(() => [route.name, String(route.params.feeSourceId || '')], ([name, feeSou color: var(--cc-muted); } +@media (min-width: 1920px) { + .finance-arap-detail__layout :deep(.detail-page-layout) { + gap: 8px; + } + + .finance-arap-detail__layout :deep(.detail-page-layout__header) { + min-height: 56px; + padding: 10px 14px; + } + + .finance-arap-detail__layout :deep(.detail-page-layout__summary) { + padding: 8px 14px 0; + } + + .finance-arap-detail__layout :deep(.detail-page-layout__content) { + padding: 0 14px 10px; + } + + .finance-arap-detail__layout :deep(.form-section) { + padding: 10px 0; + } + + .finance-arap-detail__layout :deep(.form-section__heading) { + margin-bottom: 8px; + } + + .arap-metrics { + gap: 8px; + } + + .arap-metric { + padding: 0 10px; + } + + .arap-detail-grid { + gap: 10px; + } + + .arap-settlement { + padding-left: 10px; + } +} + @media (max-width: 1080px) { .finance-arap-detail__surface { width: 100%; diff --git a/src/modules/finance/pages/FinanceCustomerStatementsView.vue b/src/modules/finance/pages/FinanceCustomerStatementsView.vue index d00c01ee..c1ec15f4 100644 --- a/src/modules/finance/pages/FinanceCustomerStatementsView.vue +++ b/src/modules/finance/pages/FinanceCustomerStatementsView.vue @@ -558,6 +558,52 @@ watch(detailRouteId, (statementId) => { .statement-line-table { min-width: 1840px; } .statement-payment-table { min-width: 1300px; } .revision-collapse { margin-top: 12px; } + +@media (min-width: 1920px) { + .statement-detail-page :deep(.detail-page-layout) { + gap: 8px; + } + + .statement-detail-page :deep(.detail-page-layout__header) { + min-height: 56px; + padding: 10px 14px; + } + + .statement-detail-page__header h2 { + font-size: 18px; + } + + .statement-detail-head { + grid-template-columns: minmax(0, 1fr) auto; + gap: 6px; + padding: 8px 14px; + } + + .statement-summary-section { + padding: 8px 14px; + } + + .statement-detail-tabs :deep(.el-tabs__header) { + padding: 0 14px; + } + + .statement-detail-tabs :deep(.form-section) { + padding: 8px 14px; + } + + .statement-detail-tabs :deep(.form-section__heading) { + margin-bottom: 8px; + } + + .detail-table-scroll { + margin-bottom: 8px; + } + + .revision-collapse { + margin-top: 8px; + } +} + @media (max-width: 640px) { .statement-detail-page__header { align-items: stretch; flex-direction: column; } } diff --git a/src/modules/finance/pages/FinanceFormalSettlementPage.vue b/src/modules/finance/pages/FinanceFormalSettlementPage.vue index 78e38529..d2b8699d 100644 --- a/src/modules/finance/pages/FinanceFormalSettlementPage.vue +++ b/src/modules/finance/pages/FinanceFormalSettlementPage.vue @@ -632,6 +632,80 @@ onMounted(() => { .operation-error { margin-bottom: 12px; } .operation-error-meta { margin: -6px 0 12px; } :deep(.el-select), :deep(.el-date-editor) { width: 100%; } + +@media (min-width: 1920px) { + .finance-settlement-page { + row-gap: 8px; + } + + .settlement-list-toolbar { + min-height: 48px; + gap: 14px; + padding: 0 0 8px; + } + + .settlement-summary .summary-item { + gap: 6px; + } + + .settlement-summary .summary-item + .summary-item { + margin-left: 12px; + padding-left: 12px; + } + + .summary-item strong { + font-size: 17px; + } + + .settlement-detail-page { + gap: 0; + } + + .settlement-detail-header { + min-height: 56px; + padding: 10px 14px; + } + + .settlement-detail-summary { + padding: 8px 14px; + } + + .settlement-detail-summary .summary-item { + padding: 0 10px; + } + + .settlement-detail-summary .summary-item strong { + margin-top: 2px; + font-size: 18px; + } + + .settlement-detail-state { + margin: 10px 14px; + } + + .settlement-detail-content { + padding: 0 14px 10px; + } + + .detail-table-scroll { + margin-bottom: 8px; + } + + .partial-summary { + grid-template-columns: repeat(5, minmax(0, 1fr)); + gap: 0; + margin-bottom: 8px; + padding: 8px 0; + } + + .partial-summary div { + padding: 0 8px; + } + + .settlement-operation-form { + column-gap: 12px; + } +} @media (max-width: 720px) { .settlement-detail-summary, .partial-summary, .settlement-operation-form { grid-template-columns: 1fr; } .settlement-detail-summary { gap: 10px; padding: 12px 16px; }