- Added visualViewport API detection for keyboard state
- Bottom nav fades out when keyboard opens (opacity + pointer-events)
- Prevents nav from jumping up with keyboard on mobile
- Quick Presets: collapsible section with 8 theme presets
- Custom Colors: collapsible section with all color pickers
- Added translations for quickPresets, customColors in all locales (ru, en, zh, fa)
- Chevron icon rotates when section is expanded
- Preview section moved inside Custom Colors
- Updated ColorPicker component styles for better visual consistency and usability.
- Adjusted button sizes and input fields for a more cohesive design.
- Introduced theme presets in AdminSettings for quick color scheme selection, enhancing user experience.
- Added new color schemes with predefined colors for easier theme management.
- Added new BentoCard and BentoSkeleton components for consistent card styling.
- Refactored existing components to utilize BentoCard for improved visual consistency.
- Updated Tailwind configuration to include new spacing and border radius utilities.
- Enhanced global styles with custom scrollbar and noise texture for better aesthetics.
- Introduced color conversion utilities for improved color handling across components.
- Introduced HSL color conversion functions for enhanced color manipulation.
- Updated state management to synchronize HSL values with color input changes.
- Improved picker positioning logic for better usability.
- Enhanced the color picker UI with sliders for hue, saturation, and lightness adjustments.
- Refactored event handling for opening and closing the color picker, including click outside detection.
- Rendered the color picker in a portal for better positioning and accessibility.
- Added RGB value updates on color input changes and preset selections.
- Refactored RGB sliders to always be visible, enhancing user experience across devices.
- Improved range input styles for better accessibility and visual feedback.
- Updated number input fields for RGB values to hide spinners and ensure a cleaner look.
- Enhanced auto-focus functionality to work on mobile devices, specifically in Telegram WebApp.
- Added a small delay to ensure the DOM is ready before focusing the input.
- Implemented scrolling into view for iOS Safari to trigger the keyboard when the input is focused.
- Consolidated content rendering into a single JSX variable for better readability.
- Simplified modal rendering logic by removing nested components and using a single conditional return.
- Enhanced mobile and desktop modal handling for clearer separation of concerns.
- Updated button styles in TopUpModal for improved visual feedback during interactions.
- Adjusted modal positioning for better user experience on desktop.
- Added 'paymentMethod' key to localization files for English, Persian, Russian, and Chinese languages, enhancing multi-language support.
- Adjusted layout in ConnectionModal for better vertical alignment.
- Introduced new icons for payment methods in TopUpModal, enhancing visual representation.
- Updated input fields and buttons for a more modern design and improved user experience.
- Enhanced mobile responsiveness and accessibility features.
- Remove position:fixed scroll lock to prevent page jumping on modal open
- Remove emoji platform icons, keep text-only platform names
- Preserve popupRef pre-open logic for PC payment links
- Change detectedPlatform from useState to useMemo to fix race condition in app selection
