shopcube
shopcube copied to clipboard
Abdur-rahmaanJ
TODO: make the web app responsive
Currently, if you reduce the window size the layout messes up. We can use bootstrap grid layout (https://getbootstrap.com/docs/5.0/layout/grid/) to make the app responsive to small, medium and large screen size.
Edit: We can also use the table-responsive bootstrap class which might be easier where ever we are using table class.
To start we can make the dashboard(http://localhost:5000/dashboard/), and admin (http://localhost:5000/admin/) page responsive.
Note: app runs locally at http://localhost:5000/. Login and then it redirects to the dashboard. You can then click the admin card to reach the admin page
@Abdur-rahmaanJ
Sure for small screen it looks like this:
For medium screen it looks like this:
Oh i guess we just need to add the table-responsive class with table class
Oh i guess we just need to add the table-responsive class with table class
Yes I guess if we are using table class than that would work. But not sure about small screen for our case, it might still not look good. We might have more control with column grid. Anyways its a frontend design issue which has many ways of doing it. We can play around and see.
Looks good for now. We just need to check this for each module but for this issue we can just do admin.
Hello guys, I couldn't contribute much lately. Somebody has already contributed to it. I don't find any issue related to the issue that has been raised!