[PR #76] feat: comprehensive mobile responsiveness improvements #168

Closed
opened 2025-11-20 04:13:18 -05:00 by saavagebueno · 0 comments
Owner

Original Pull Request: https://github.com/community-scripts/ProxmoxVE-Local/pull/76

State: closed
Merged: Yes


📱 Mobile Responsiveness Improvements

This PR implements comprehensive mobile-friendly improvements across the entire application, making it fully usable on smartphones and tablets.

🎯 Key Features

Mobile Terminal Controls

  • Added touch-friendly input controls for mobile users
  • Navigation buttons: Up, Down, Left, Right arrows
  • Action buttons: Enter, Space, Backspace
  • Custom text input with send functionality
  • Show/Hide input toggle for clean interface

Responsive Layouts

  • Main Page: Mobile-optimized padding, font sizes, and tab navigation
  • ScriptsGrid: Responsive category sidebar placement
  • FilterBar: Mobile-friendly button layouts and consistent spacing
  • Modals: All modals are mobile-responsive
  • InstalledScriptsTab: Card layout on mobile, table on desktop

Mobile Terminal Experience

  • Optimized font sizes and dimensions for mobile screens
  • Aggressive terminal clearing for whiptail dialogs
  • Proper centering and scaling for mobile viewports

🔧 Technical Improvements

  • Resolved all React hooks dependency warnings
  • Improved nullish coalescing operators
  • Better ref handling and cleanup
  • Clean, production-ready code

📊 Results

  • Full functionality on smartphones
  • Touch-friendly controls for mobile users
  • Seamless experience across all screen sizes
  • Clean, maintainable code with no linting warnings
**Original Pull Request:** https://github.com/community-scripts/ProxmoxVE-Local/pull/76 **State:** closed **Merged:** Yes --- ## 📱 Mobile Responsiveness Improvements This PR implements comprehensive mobile-friendly improvements across the entire application, making it fully usable on smartphones and tablets. ### 🎯 Key Features #### **Mobile Terminal Controls** - Added touch-friendly input controls for mobile users - Navigation buttons: Up, Down, Left, Right arrows - Action buttons: Enter, Space, Backspace - Custom text input with send functionality - Show/Hide input toggle for clean interface #### **Responsive Layouts** - **Main Page**: Mobile-optimized padding, font sizes, and tab navigation - **ScriptsGrid**: Responsive category sidebar placement - **FilterBar**: Mobile-friendly button layouts and consistent spacing - **Modals**: All modals are mobile-responsive - **InstalledScriptsTab**: Card layout on mobile, table on desktop #### **Mobile Terminal Experience** - Optimized font sizes and dimensions for mobile screens - Aggressive terminal clearing for whiptail dialogs - Proper centering and scaling for mobile viewports ### 🔧 Technical Improvements - Resolved all React hooks dependency warnings - Improved nullish coalescing operators - Better ref handling and cleanup - Clean, production-ready code ### 📊 Results - Full functionality on smartphones - Touch-friendly controls for mobile users - Seamless experience across all screen sizes - Clean, maintainable code with no linting warnings
saavagebueno added the pull-request label 2025-11-20 04:13:18 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE-Local#168