materio-mui-react-nextjs-admin-template-free icon indicating copy to clipboard operation
materio-mui-react-nextjs-admin-template-free copied to clipboard

Make UI More Responsive

Open sourabhkumhar opened this issue 2 years ago • 0 comments

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.

sourabhkumhar avatar Sep 14 '23 16:09 sourabhkumhar