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:
Ronni Baslund
2026-05-30 15:03:17 +02:00
parent 9c08973e46
commit da1b77ba5d
+3 -1
View File
@@ -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,6 +183,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
</template> </template>
</PageHeader> </PageHeader>
<div class="stage">
<Card :pad="0"> <Card :pad="0">
<table> <table>
<thead> <thead>
@@ -291,6 +292,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
</div> </div>
</Card> </Card>
</div> </div>
</div>
</template> </template>
<style scoped> <style scoped>