Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(badges): per-side header padding configurable via template cfg_json

Browse Source 
Adds header_padding_top/right/left alongside existing header_padding_bottom.
Removes hardcoded p-2 class — all four sides now set via inline style with
0.5rem default. Template form shows a 2×2 padding grid in Header & Branding.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-06-04 20:17:04 -04:00
parent 04c2042060
commit 1a53a20995
3 changed files with 48 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/ae_events/types/ae_badge_template_cfg.ts
View File

@@ -47,10 +47,12 @@ export interface BadgeTemplateCfg {
header_border_color?: string;
// Thickness of the header bottom border. Any CSS length. Default "2px" when color is set.
header_border_width?: string;
// Padding below the header image (inside the badge_header div, above the border).
// Useful for creating visual space between the image and the body.
// Any CSS length: "0.5in", "1rem". Unset = no extra padding.
// Per-side padding of the badge_header div. Any CSS length. Unset = 0.5rem (Tailwind p-2 default).
// Bottom padding creates space between the header image and the border line (e.g. "1.45in").
header_padding_top?: string;
header_padding_right?: string;
header_padding_bottom?: string;
header_padding_left?: string;
// Punch-out hole markers: show X overlays at the physical badge clip slot positions.
// Slots are pre-perforated on the badge stock — markers guide attendees to push them out.