search

the-me-0 / gallery

A gallery web app, with similar technologies as my last project Groove (NextJS)
1 stars 0 forks source link

Column layout & preferences #4

Closed the-me-0 closed 2 months ago

the-me-0 commented 2 months ago

The current layout using grid is not nearly perfect and it would seem a pinterest-like layout could offer a better user experience as well as a more space efficient one. You would have columns of resources, and those columns would have cards/tiles that stick one after another.

If the grid layout is still deemed interesting, we could have a toggle button at the top to select the one the user prefers. This preference setting would have to be stored as a cookie (or / and as a DB attribute to a logged in user).

the-me-0 commented 2 months ago

This commit brings a preference hook and context provider. It also brings the new pinterest-like layout, which I will refer as the column layout (in comparison to the grid layout), as a preview. It is not yet responsive but should be in the next commit.

The addition of the preferences provider allows the possibility to add a theme selection setting. I will keep this issue updated and close it as the column layout gets responsive.

the-me-0 commented 2 months ago

This commit brings responsive to the table, with a column layout that adapts the number of columns to the screen size. It sadly came with some bugs and a pretty ugly code, so this complementary commit was necessary.

I consider this issue closed as even if the preferences provider could still be upgraded, the column layout is done.