cyrilf / cyrilf/unique

Save button download the image without the frame border

Open
#2 0 comments 0 reactions 0 assignees View on GitHub
good first issue
Dominant language
TypeScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Steps to reproduce:

- When I click the "Save" button
- My image is downloaded but the frame around the canvas isn't saved

Fix:

To fix it, the `.frame` and `.frame--inner` class from the [frame.svelte](https://github.com/cyrilf/unique/blob/main/src/lib/components/frame.svelte) file should be moved from the html/css into the canvas itself. The canvas area should be a bit larger and include the frame directly.

Contributor guide

No contributing guide indexed for this repository

Research direction

Read src/lib/components/frame.svelte and trace the Save button's canvas export path. Confirm how the .frame and .frame--inner styling currently surrounds the canvas, then verify that the downloaded image includes the frame and that the canvas area has the intended larger size.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.