Skip to content

Optimize UI for mobile devices#337

Merged
ChrispyBacon-dev merged 7 commits intoChrispyBacon-dev:unstablefrom
nguyenhuy158:fix/mobile-ui-optimization
Mar 28, 2026
Merged

Optimize UI for mobile devices#337
ChrispyBacon-dev merged 7 commits intoChrispyBacon-dev:unstablefrom
nguyenhuy158:fix/mobile-ui-optimization

Conversation

@nguyenhuy158
Copy link
Copy Markdown
Contributor

Summary

This PR improves the mobile user experience by:

  • Implementing responsive "stacked" tables for Ingress Rules, Access Groups, Agents, and Settings.
  • Adding a CSS helper in base.html to transform tables into card layouts on screens smaller than 768px.
  • Updating dynamic JavaScript tables in the Agents page to support responsive labels.
  • Improving button layouts to stack vertically on small screens, preventing horizontal overflow.
  • Rebuilding Tailwind CSS assets to include latest changes.

These changes ensure the dashboard remains fully functional and readable on mobile devices without requiring horizontal scrolling for large data tables.

@nguyenhuy158 nguyenhuy158 force-pushed the fix/mobile-ui-optimization branch from 4547404 to 35c64a9 Compare March 28, 2026 02:56
@ChrispyBacon-dev
Copy link
Copy Markdown
Owner

Thank you for your PR. I look into it! I never really used DockFlare on mobile so rightfully I agree it needs optimization.

Cheers,
Chris

@nguyenhuy158
Copy link
Copy Markdown
Contributor Author

Hey Chris! Actually, I do use DockFlare on mobile quite often — especially when I'm out and forget the URL of one of my services. That's exactly why I made this PR! Hope it helps others in the same situation 😄

@ChrispyBacon-dev ChrispyBacon-dev merged commit fb440e8 into ChrispyBacon-dev:unstable Mar 28, 2026
@ChrispyBacon-dev
Copy link
Copy Markdown
Owner

now in stable branch.

@nguyenhuy158
Copy link
Copy Markdown
Contributor Author

Thanks for merging! 🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants