materio-mui-react-nextjs-admin-template-free
materio-mui-react-nextjs-admin-template-free copied to clipboard
Make UI More Responsive
refactor: Improve responsiveness and layout in multiple components
In this commit, I made the following improvements:
1. FooterContent:
- Enhanced responsiveness by adjusting links for better display on various screen sizes.
2. TabAccount:
- Improved button and item responsiveness to enhance the user experience on mobile devices.
3. TabInfo, TabSecurity, and TabAccount:
- Replaced the use of marginRight with a flex-based layout to provide consistent spacing between elements.
- Added gap between elements to maintain proper spacing when items wrap.
4. StatisticsCard:
- Modified the layout to display items in a 2/row grid instead of 1/row.
- This change reduces the card's height and enhances its overall appearance.
These changes contribute to better responsiveness and a more polished user interface in the mentioned components.