Jennie Robinson Faber
127d2974c8
Introduces three new layout primitives (no consumers yet). Adds --page-pad-x/y/collapse CSS tokens to :root and .dark. Updates PageHeader to read padding from tokens. Removes ignored size="large" props from welcome and series pages. Fixes stray markdown in SidebarLayout.
24 lines
454 B
Vue
24 lines
454 B
Vue
<template>
|
|
<component :is="as" class="page-shell">
|
|
<PageHeader v-if="title" :title="title" :subtitle="subtitle" />
|
|
<slot />
|
|
</component>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
title: { type: String, default: '' },
|
|
subtitle: { type: String, default: '' },
|
|
as: { type: String, default: 'div' },
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-shell {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
width: 100%;
|
|
}
|
|
</style>
|