mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-10-03 10:13:47 +10:00
Amruth Pillai
1ef7c9fa10
The Design mode is a single panel with a sticky group nav: Template, Type, Color, Page and a collapsed Advanced. - Template: filter chips, and thumbnails rendered from the user's own content at idle time, cached by template and content. Hovering or focusing a card (holding it, on touch) previews the template on the page with a "Previewing" chip; leaving the cards or Esc restores it; a click applies it with an Undo toast. Two-column templates get a sidebar sub-panel for its width and sections. - Type: five font pairings, text size 9-12.5 pt and density. Color: eight accents and a hex field with its contrast on white, offering a darker shade below 4.5:1. Page: paper, language, margins, icons and link underlines. - Advanced: the date format, every exact-value editor, custom CSS and Reset to template defaults. - When content runs past the authored pages the canvas says by how many lines and offers Fit, which tightens density, then margins, then size (never below 9 pt), re-rendering after each step, as one undo step. - Phones get the groups in a half-height sheet over the live page. The template gallery dialog, the Template section, the collapsible section chrome and its collapse store are gone. ATS design findings now open the Design group that fixes them. The desktop panel is a containing block, so screen-reader text deep in a long panel no longer stretches the document.