Commit Graph

13 Commits

Author SHA1 Message Date
a7cb561053 Enhance UI transitions and loading effects across Proxmox views
- Implemented page load animations using Alpine.js for smoother transitions in various views including firewall, help, index, network, overview, reinstall, server, statistics, storage, subdomain, and system.
- Added opacity and translate effects to elements for improved visual feedback during loading.
- Enhanced hover effects on cards and buttons for better user interaction.
- Adjusted transition timings and delays for a more cohesive user experience.
2025-12-17 19:50:05 -05:00
689f84ab53 Refactor button components to use Proxmox UI library
- Updated button components across various views to utilize the new Proxmox UI button structure.
- Replaced instances of <x-button.primary> and <x-button.secondary> with <x-proxmox::ui.button> for consistency and improved styling.
- Adjusted button attributes and loading states to align with the new component design.
- Ensured that all button functionalities remain intact while enhancing the overall UI consistency.
2025-12-17 17:40:11 -05:00
a90aba582d Refactor Proxmox server views for improved layout and styling
- Updated server card component to use a more compact layout with adjusted spacing and styling.
- Enhanced server status display with improved icon sizes and colors.
- Modified quick info row to use smaller text and adjusted labels for clarity.
- Refined server configuration grid for better alignment and spacing.
- Updated modal z-index values for consistent layering across various modals in statistics, storage, subdomain, and system views.
- General styling improvements for better readability and user experience.
2025-12-17 14:36:53 -05:00
760cf84451 Add AdminLTE-style CSS framework to app.css
- Introduced AdminLTE CSS variables for color palette, body colors, card styles, and button styles.
- Implemented card components with variants for primary, success, warning, danger, and info.
- Added button styles including sizes and outline variants.
- Created form controls, select inputs, and input groups with consistent styling.
- Included utility classes for text and background colors, gradients, and shadows.
- Developed components for badges, alerts, callouts, progress bars, tables, small boxes, and info boxes.
- Integrated modal, dropdown, spinner, tooltip, and direct chat styles.
- Established timeline and close button styles, with dark mode support for specific components.
2025-12-17 13:45:56 -05:00
d12457d4f7 refactor: standardize modal backdrop handling across Proxmox views for improved consistency and user experience 2025-12-04 12:28:42 -05:00
9a50f08021 feat: improve Proxmox modal handling by consolidating backdrop and transition effects across boot order and cloud-init views for a more cohesive user experience 2025-12-04 12:17:17 -05:00
ee26b44113 feat: enhance Proxmox cloud-init and firewall views by improving modal transition effects, backdrop handling, and enabling drag-and-drop rule editing for a better user experience 2025-12-04 12:12:00 -05:00
fd01caddfd feat: improve Proxmox modal handling by consolidating backdrop and transition effects for enhanced user experience across cloud-init and overview views 2025-12-04 12:11:29 -05:00
ad7346959d feat: streamline DNS modal in Proxmox by consolidating backdrop and escape key handling for improved user experience 2025-12-04 12:06:41 -05:00
0b8500d679 feat: enhance Proxmox modals by consolidating escape key handling and improving backdrop management for a more streamlined user experience 2025-12-04 12:06:30 -05:00
09d4e7a857 feat: enhance cloud-init and overview modals in Proxmox with improved transition effects and backdrop handling for better user experience 2025-12-04 12:02:37 -05:00
4a93e85273 refactor: unify status polling interval across Proxmox views to a fixed 2 seconds for consistency 2025-12-01 10:59:56 -05:00
root
044271db3d Add all files 2025-11-30 11:57:22 +01:00