diff --git a/resources/views/business/pages/partials/installation-fee-summary.blade.php b/resources/views/business/pages/partials/installation-fee-summary.blade.php index 37e89bfa..ed504cb8 100644 --- a/resources/views/business/pages/partials/installation-fee-summary.blade.php +++ b/resources/views/business/pages/partials/installation-fee-summary.blade.php @@ -205,6 +205,8 @@ } .installation-fee-dialog { + --installation-fee-table-cell-padding: 0.7rem 0.65rem; + --installation-fee-table-head-padding: 0.75rem 0.65rem; width: min(68rem, calc(100vw - 2rem)); max-width: none; max-height: calc(100vh - 2rem); @@ -322,15 +324,18 @@ .installation-fee-table th, .installation-fee-table td { - padding: 0.6rem 0.5rem; + padding: var(--installation-fee-table-cell-padding); border-bottom: 1px solid #eee8dd; + line-height: 1.5; text-align: left; + vertical-align: middle; } .installation-fee-table thead th { position: sticky; top: 0; z-index: 1; + padding: var(--installation-fee-table-head-padding); background: #f7f0de; color: #595959; font-weight: 600; @@ -368,12 +373,15 @@ .installation-fee-platform-summary th, .installation-fee-platform-summary td { - padding: 0.5rem; + padding: var(--installation-fee-table-cell-padding); border-bottom: 1px solid #eee8dd; + line-height: 1.5; text-align: left; + vertical-align: middle; } .installation-fee-platform-summary th { + padding: var(--installation-fee-table-head-padding); background: #f7f0de; color: #595959; font-weight: 600; diff --git a/tests/Feature/Business/ManagementCrudTest.php b/tests/Feature/Business/ManagementCrudTest.php index 3375c66f..774ee9bc 100644 --- a/tests/Feature/Business/ManagementCrudTest.php +++ b/tests/Feature/Business/ManagementCrudTest.php @@ -292,6 +292,10 @@ class ManagementCrudTest extends FeatureTestCase ->assertSee('border-left: 3px solid var(--installation-fee-accent)', false) ->assertSee('border-right: 3px solid var(--installation-fee-accent)', false) ->assertSee('color: var(--installation-fee-accent)', false) + ->assertSee('--installation-fee-table-cell-padding: 0.7rem 0.65rem', false) + ->assertSee('--installation-fee-table-head-padding: 0.75rem 0.65rem', false) + ->assertSee('padding: var(--installation-fee-table-head-padding)', false) + ->assertSee('vertical-align: middle', false) ->assertSee('height: 8rem', false) ->assertSee('font-size: 2.5rem', false) ->assertSee('font-family: "JetBrains Mono", "Microsoft YaHei", "PingFang SC", monospace', false)