mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-10-04 10:43:46 +10:00
- The score ring (live checks only, easing to each new score), the verdict, and Issues · Job match · Writing tabs. - Issues: numbered cards with category, explanation and fix, pinned to their lines on the page with warn pins and wavy underlines. One-step fixes apply with undo; the rest open the field in Write. Show on page, and Ignore (Keep for the two-column issue), stored with the resume. Category rows below, open when they need attention. "Also check the exported PDF" reports in a toast. - Job match reads the linked application's posting, or a pasted one that can be saved as an application. Missing terms ask where they belong (Add to Skills) or can be hidden; covered terms light up their entries on the page. - Writing: an opt-in AI review that says what it sends. Rewrites of bullets and paragraphs arrive as proposals: struck-through old text and highlighted new text on the page, numbered markers, Accept, Reject, Accept all, A/R and arrow keys, one undo step. Out-of-date proposals can't be applied. - "What a person sees / What a parser reads": the parser view extracts the text of the PDF on the page, in reading order, flagging issue lines. - Phones step through issues on the page; tablet pins open the drawer. - The builder's ATS section and its deep-check UI are gone.
34 lines
916 B
CSS
34 lines
916 B
CSS
@import "@reactive-resume/ui/globals.css";
|
|
|
|
@keyframes spotlight-drift {
|
|
to {
|
|
translate: var(--spotlight-drift);
|
|
}
|
|
}
|
|
|
|
@keyframes agent-prompt-marquee {
|
|
to {
|
|
transform: translateX(-33.333%);
|
|
}
|
|
}
|
|
|
|
/* Check's score ring: the arc eases to a new score, so a fix visibly counts. */
|
|
@property --ring-value {
|
|
syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 0%;
|
|
}
|
|
|
|
@utility score-ring {
|
|
background: conic-gradient(var(--ring-color) 0 var(--ring-value), var(--sunken) 0);
|
|
transition: --ring-value var(--d3) var(--ease);
|
|
}
|
|
|
|
/* A wavy warn underline under a line of the page that has a Check issue. */
|
|
@utility wavy-underline {
|
|
background-color: var(--warn);
|
|
mask:
|
|
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4'%3E%3Cpath d='M0 3 Q1.5 0 3 3 T6 3' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E")
|
|
repeat-x left center / 6px 4px;
|
|
}
|