Commit Graph

151 Commits

Author SHA1 Message Date
kinvsh
11fd2876b2 bento-grids v0.1 2026-01-21 00:58:24 +05:00
Dev
20edc7f63a phase 9 done. ready to restyle 2026-01-20 23:32:11 +05:00
Dev
29f568cc95 feat: redesign header, switch font to Manrope, fix z-indexes 2026-01-20 23:06:57 +05:00
Dev
308df174fb Phase 1-6 Complete 2026-01-20 22:54:32 +05:00
Dev
6d88bac693 feat(ui): implement Bento Grid design system
- Add Urbanist font (replace Inter)
- Add CSS variables: --bento-radius, --bento-gap, --bento-padding
- Add Tailwind extend: rounded-bento, rounded-4xl, spacing.bento
- Create BentoCard component with size variants (sm/md/lg/xl)
- Add .bento-card, .bento-card-hover, .bento-card-glow classes
- Add .bento-grid container with responsive columns
- Implement floating TabBar (margin 16px, shadow, pill active state)
- Apply bento styles to Dashboard cards
- Support both dark and light themes
2026-01-20 21:10:20 +05:00
PEDZEO
9e7d6b317e Enhance ColorPicker component with RGB support and improved styling
- 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.
2026-01-20 18:27:05 +03:00
PEDZEO
de0a9d9efb Improve TopUpModal input focus behavior for mobile and desktop
- 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.
2026-01-20 17:32:36 +03:00
PEDZEO
cb4f471417 Refactor TopUpModal for improved code clarity and structure
- 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.
2026-01-20 17:30:44 +03:00
PEDZEO
7f0d6a7d18 Enhance TopUpModal styling and update localization files
- 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.
2026-01-20 17:25:43 +03:00
PEDZEO
0a0d2e015b Refactor TopUpModal and ConnectionModal for improved layout and icon integration
- 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.
2026-01-20 17:19:22 +03:00
PEDZEO
217c038c38 Fix modal issues: remove jerky animations, restore text platform names, fix PC payments and app selection
- 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
2026-01-20 17:08:07 +03:00
PEDZEO
236c36f1ab Enhance ConnectionModal and TopUpModal with improved mobile support, new icons, and keyboard accessibility. Update localization files to include 'enterAmount' key for multiple languages. 2026-01-20 16:52:01 +03:00
Egor
d23097b4e3 Update ChannelSubscriptionScreen.tsx 2026-01-20 14:43:46 +03:00
Egor
1617f676ee Add files via upload 2026-01-20 14:39:22 +03:00
Egor
70f9830e79 Update ConnectionModal.tsx 2026-01-20 14:08:52 +03:00
Egor
4fc2dbc2d5 Update ConnectionModal.tsx 2026-01-20 14:03:10 +03:00
Egor
e797b1e282 Update ConnectionModal.tsx 2026-01-20 13:50:37 +03:00
Egor
89880195ad Update Layout.tsx 2026-01-20 07:40:46 +03:00
Egor
3a4f9b66da Update Layout.tsx 2026-01-20 07:20:00 +03:00
Dev
7dcfecbb80 Close mobile menu when clicking bottom nav items 2026-01-20 09:01:57 +05:00
Dev
3055254483 Fix ConnectionModal positioning for TMA fullscreen mode 2026-01-20 08:50:39 +05:00
Egor
9a8f6ed404 Add files via upload 2026-01-20 05:30:41 +03:00
Egor
1403a63df5 Update AnimatedBackground.tsx 2026-01-20 04:52:54 +03:00
Egor
706b2b34f7 Update ConnectionModal.tsx 2026-01-20 04:48:35 +03:00
Egor
0054e674fd Update ConnectionModal.tsx 2026-01-20 04:47:45 +03:00
Egor
65b0120cd7 Update ConnectionModal.tsx 2026-01-20 04:44:51 +03:00
Egor
7dd340217f Update ConnectionModal.tsx 2026-01-20 04:35:56 +03:00
Egor
f90bfc167d Update ConnectionModal.tsx 2026-01-20 04:34:49 +03:00
Egor
9bca50e446 Update ConnectionModal.tsx 2026-01-20 04:27:46 +03:00
PEDZEO
2522d438ae Update styling in ConnectionModal and TopUpModal: enhance layout with consistent padding and improved responsiveness for mobile devices, ensuring better compatibility with safe area insets. 2026-01-20 04:00:41 +03:00
PEDZEO
a76803f4ea Improve mobile menu interaction in Layout component: add click handler to close menu on outside click and prevent event propagation for mobile menu button, enhancing user experience and interaction consistency. 2026-01-20 03:59:17 +03:00
PEDZEO
92b1d30cbb Refactor scroll locking in ConnectionModal and TopUpModal: simplify the implementation by removing unnecessary style manipulations and enhancing event listeners for touch and wheel scroll prevention, ensuring a smoother user experience across devices. 2026-01-20 03:52:27 +03:00
PEDZEO
626a0b8da6 Enhance scroll locking in ConnectionModal and TopUpModal: improve cross-platform support by adding touchmove event prevention for Android, and update styling to ensure consistent behavior and responsiveness across devices. 2026-01-20 03:46:27 +03:00
PEDZEO
d54279baf7 Enhance ConnectionModal: add useRef for modal content scrolling, ensuring smooth transition when switching views, and improve styling for better overflow handling and responsiveness. 2026-01-20 03:42:32 +03:00
PEDZEO
a82e809a34 Refactor modal components: update ConnectionModal and TopUpModal to improve layout with top alignment and auto-focus functionality, enhancing user experience on mobile devices. 2026-01-20 03:39:10 +03:00
PEDZEO
1a642bb7d4 Refactor modal components: update styling in ConnectionModal and TopUpModal for improved responsiveness, including adjustments to padding and margins for better compatibility with safe area insets on mobile devices. 2026-01-20 03:36:42 +03:00
PEDZEO
2d8a0bd63a Add pull to refresh functionality in Layout component: integrate usePullToRefresh hook, implement visual indicator for refresh state, and ensure compatibility with mobile menu interactions for improved user experience. 2026-01-20 03:35:58 +03:00
PEDZEO
4c821a0f55 Refactor scroll locking in ConnectionModal and TopUpModal: enhance cross-platform compatibility by saving and restoring original body and HTML styles, ensuring consistent user experience when modals are open. 2026-01-20 03:33:45 +03:00
PEDZEO
023a1d2ce7 Refactor ConnectionModal and TopUpModal: reintroduce app selector logic in ConnectionModal, implement body scroll locking in TopUpModal, and adjust modal styling for improved responsiveness and user experience. 2026-01-20 03:30:22 +03:00
PEDZEO
275fe811bb Refactor ConnectionModal and TopUpModal: simplify body scroll locking mechanism, update modal wrapper styling for consistent padding across devices, and enhance responsiveness for improved user experience. 2026-01-20 03:26:07 +03:00
PEDZEO
61eaf30da9 Enhance Layout component: improve mobile menu scroll locking functionality for cross-platform support, restore original body and HTML styles on menu close, and prevent touchmove events outside of menu content for better user experience. 2026-01-20 03:19:06 +03:00
PEDZEO
4c489547ea Refactor ConnectionModal: implement auto-selection of platform and app upon data load, enhance app selection UI with improved layout and functionality, and add translation keys for 'changeApp' in English and Russian locales. 2026-01-20 03:16:33 +03:00
PEDZEO
026ba65b8c Enhance ConnectionModal: improve body scroll locking functionality for better user experience on iOS, restore original styles and scroll position on modal close, and update modal wrapper styling for improved responsiveness and visual appeal. 2026-01-20 03:11:19 +03:00
PEDZEO
890e9e6c53 Add app icons to ConnectionModal: implement custom SVG icons for Happ, ClashMeta, ClashVerge, Shadowrocket, and Streisand. Update icon rendering logic to use new icons based on app names, enhancing visual representation in the modal. 2026-01-20 02:58:58 +03:00
PEDZEO
b81e5d0d5d Update ConnectionModal component: remove fallback text for instructions and add missing translation keys for 'instructions' in English and Russian locales. 2026-01-20 02:49:28 +03:00
PEDZEO
075f03e46a Enhance ConnectionModal component: implement body scroll locking when the modal is open, and adjust modal wrapper styling for better alignment on mobile and desktop devices. 2026-01-20 02:45:54 +03:00
PEDZEO
fc10fad1c4 Refactor ConnectionModal component: standardize icon sizes, enhance modal structure with a reusable ModalWrapper, and improve loading and error states. Update platform selection layout for better responsiveness and user experience. 2026-01-20 02:42:36 +03:00
PEDZEO
5a7fda6e3a Refactor ConnectionModal and Referral components: introduce ModalContent and CopyLinkButton helper components for improved structure and reusability. Update referral link handling in Referral component to utilize a dynamic bot username, enhancing link generation and sharing functionality. 2026-01-20 02:38:02 +03:00
PEDZEO
6183f7b3e6 Refactor ConnectionModal component: adjust padding for modal background and update maximum height for better responsiveness across platforms. 2026-01-20 02:30:11 +03:00
PEDZEO
dd85a46595 Refactor ConnectionModal component: update platform icons to a consistent size, enhance loading and error states with improved UI, and streamline platform detection logic. Add new icons for close, back, copy, check, link, and chevron actions. Optimize layout and styling for better user experience. 2026-01-20 02:26:25 +03:00