🐛 bug: crop frame overlay misalignment
what it does
during the crop step, a semi-transparent frame PNG is overlaid on the crop region so the user can see how their art will look inside the frame. the overlay positioning is approximate and needs tuning per frame.
current behavior
the frame overlay extends beyond the crop box using cropPadding values (top, right, bottom, left) defined per frame. these values are fractions of the crop box size. current values are rough estimates and don't accurately reflect how each frame actually looks.
key files
src/components/dashboard/UploadZone.tsx — renders the overlay, reads cropPadding from frame config
src/lib/frames.ts — defines cropPadding values per frame, this is where the tuning happens
the fix
open each frame in the crop UI, visually check how the overlay aligns, and adjust the cropPadding values in frames.ts for each frame until the overlay matches the actual frame border. this is a manual tuning task — no logic changes needed, just number tweaks.
🐛 bug: crop frame overlay misalignment
what it does
during the crop step, a semi-transparent frame PNG is overlaid on the crop region so the user can see how their art will look inside the frame. the overlay positioning is approximate and needs tuning per frame.
current behavior
the frame overlay extends beyond the crop box using cropPadding values (top, right, bottom, left) defined per frame. these values are fractions of the crop box size. current values are rough estimates and don't accurately reflect how each frame actually looks.
key files
src/components/dashboard/UploadZone.tsx— renders the overlay, reads cropPadding from frame configsrc/lib/frames.ts — defines cropPaddingvalues per frame, this is where the tuning happensthe fix
open each frame in the crop UI, visually check how the overlay aligns, and adjust the cropPadding values in frames.ts for each frame until the overlay matches the actual frame border. this is a manual tuning task — no logic changes needed, just number tweaks.