fix(operator): align Pricing catalog header padding with other pages
pricing.vue nested <PageHeader> inside .stage, so the header inherited .stage's 40px horizontal + 24px top padding on top of its own — over-indenting the title and pushing it down vs every other operator page. Move PageHeader to the top level with .stage wrapping only the content below, matching index/tenants/audit/infrastructure/billing/reports.
This commit is contained in:
@@ -169,7 +169,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="stage">
|
<div>
|
||||||
<PageHeader
|
<PageHeader
|
||||||
eyebrow="Operator · operator.dezky.local"
|
eyebrow="Operator · operator.dezky.local"
|
||||||
title="Pricing catalog"
|
title="Pricing catalog"
|
||||||
@@ -183,7 +183,8 @@ const sortedPrices = computed<PriceRow[]>(() =>
|
|||||||
</template>
|
</template>
|
||||||
</PageHeader>
|
</PageHeader>
|
||||||
|
|
||||||
<Card :pad="0">
|
<div class="stage">
|
||||||
|
<Card :pad="0">
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -290,6 +291,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
|
|||||||
</UiButton>
|
</UiButton>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user