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>
|
||||
|
||||
<template>
|
||||
<div class="stage">
|
||||
<div>
|
||||
<PageHeader
|
||||
eyebrow="Operator · operator.dezky.local"
|
||||
title="Pricing catalog"
|
||||
@@ -183,6 +183,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
|
||||
</template>
|
||||
</PageHeader>
|
||||
|
||||
<div class="stage">
|
||||
<Card :pad="0">
|
||||
<table>
|
||||
<thead>
|
||||
@@ -291,6 +292,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
Reference in New Issue
Block a user