How do I make my components height consistent throughout all pages?
I am currently working on a gym tracking/analytics system to practice working with next.js and tailwind. On the main page of my dashboard, the height is just the way I'd like it to be, the sidebar extends throughout the page and the content too. However, when you get to the second page (dashboard/activity):
1- The sidebar is not taking the full height similar to the main page
2- The table is also not taking full height regardless of me setting the grid rows to 1/-1
If anyone could explain why this behavior is happening and help me understand I'd greatly appreciate it, thank you
My goal is design consistency
https://gymlie.vercel.app/dashboard
https://gymlie.vercel.app/dashboard/activity
1- The sidebar is not taking the full height similar to the main page
2- The table is also not taking full height regardless of me setting the grid rows to 1/-1
If anyone could explain why this behavior is happening and help me understand I'd greatly appreciate it, thank you
My goal is design consistency
https://gymlie.vercel.app/dashboard
https://gymlie.vercel.app/dashboard/activity
Generated by create next app
Generated by create next app
