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.

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

Add list or grid view types #15

Open
rhanmiano opened this issue Jun 7, 2021 · 0 comments
Open

Add list or grid view types #15

rhanmiano opened this issue Jun 7, 2021 · 0 comments
Labels
enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed

Comments

@rhanmiano
Copy link
Owner

Summary

Thinking of adding a way to toggle views for the items in the list, as we can see in most sites where there are multiple items on the page.

Basic example

List View
image

Grid View
image

Motivation

The images above are my initial mockups for the project. You can implement your own design. For the grid view, you can follow the look for each item when in mobile view.

Container.vue contains a commented block of div with a class of ui-card-utilities. These are the icons for the view types, you can start from here.

We can also save user's preferences in the browser storage, by doing this when they visit the page again their preferred view is what they would see.

@rhanmiano rhanmiano added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers labels Jun 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

1 participant