Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix atrocious recipes page design #173

Closed
reaper47 opened this issue Jan 3, 2024 · 2 comments · Fixed by #204
Closed

Fix atrocious recipes page design #173

reaper47 opened this issue Jan 3, 2024 · 2 comments · Fixed by #204
Assignees
@reaper47
Labels
bug Something isn't working frontend Go HTML templates good first issue Good for newcomers
Milestone
v1.1.0

Comments

@reaper47
Copy link
Owner

reaper47 commented Jan 3, 2024 •
edited

Is your feature request related to a problem? Please describe.
The recipes page can look atrocious on medium screens.

Also improve what is mentioned in this comment: https://www.reddit.com/r/selfhosted/comments/18wy55c/comment/kg229da.

Expected behavior
The recipes page must look clean in all resolutions.

Screenshots
qPJjHiq
@reaper47 reaper47 added bug Something isn't working good first issue Good for newcomers frontend Go HTML templates labels Jan 3, 2024
@reaper47 reaper47 changed the title Fix atrocious design for recipes page. Fix atrocious design for recipes page Jan 3, 2024
@reaper47 reaper47 added this to the 1.0.1 milestone Jan 3, 2024
@reaper47 reaper47 changed the title Fix atrocious design for recipes page Fix atrocious recipes page design Jan 3, 2024
@latetedemelon
Copy link

It occurs to me that most people will be interacting with this app with their mobile device. Whether it's adding a receipe that was referenced on social media, looking up the instructions in the kitchen, or making a grocery list (in the future) it will problem be on a handheld device.

Therefore I would suggest all UI design changes look at a responsive type implementation focusing first on the mobile experience.

@reaper47 reaper47 modified the milestones: v1.0.1, v1.1.0 Jan 7, 2024
@reaper47 reaper47 self-assigned this Jan 23, 2024
@reaper47 reaper47 mentioned this issue Jan 26, 2024
Closed
@reaper47 reaper47 linked a pull request Feb 5, 2024 that will close this issue
Improve the entire frontend #204
Merged
@reaper47
Copy link
Owner Author

reaper47 commented Feb 6, 2024 •
edited

The UI now looks better. The demo has been updated to reflect the changes.
The browser cache might need to be cleared if the website looks iffy after logging in (Ctrl+Shift+R).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@reaper47 reaper47

Labels
bug Something isn't working frontend Go HTML templates good first issue Good for newcomers
Projects
Recipya
Status: Done
Milestone
v1.1.0
Development

Successfully merging a pull request may close this issue.

Improve the entire frontend reaper47/recipya
2 participants
@reaper47 @latetedemelon