ghostguild-org/app/components/ParchmentInset.vue
Jennie Robinson Faber fcd6f4cdf4 feat: reskin admin pages to zine design system
Migrate the entire admin section from the dark guild-* Tailwind theme
to the zine design system (dashed borders, CSS custom properties,
Brygada 1918 + Commit Mono, cream/dark mode palette).

- Replace admin top-nav layout with sidebar matching default layout
- Reskin dashboard, members, events, series management pages
- Reskin events/create and series/create form pages
- Add dev-only test login endpoint (GET /api/dev/test-login)
- Redirect duplicate admin/dashboard.vue to /admin
- Update CLAUDE.md design system docs
2026-04-03 10:56:01 +01:00

35 lines
619 B
Vue

<template>
<div class="parchment-inset">
<slot />
</div>
</template>
<style scoped>
.parchment-inset {
background: var(--parch);
color: var(--parch-text);
padding: 32px;
margin: 0;
border-bottom: 1px dashed var(--border);
}
.parchment-inset :deep(h2) {
font-family: 'Brygada 1918', serif;
font-size: 22px;
font-weight: 500;
color: var(--parch-text);
margin-bottom: 12px;
}
.parchment-inset :deep(p) {
font-size: 13px;
color: var(--parch-text-dim);
line-height: 1.75;
max-width: 560px;
margin-bottom: 12px;
}
.parchment-inset :deep(a) {
color: var(--candle-faint);
}
</style>