Commit Graph

544 Commits

Author SHA1 Message Date
PEDZEO
96f8f0e6b8 Refactor ColorPicker component to support HSL color model and improve user interaction
- 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.
2026-01-20 23:40:24 +03:00
PEDZEO
3deae95e37 Merge pull request #66 from enkinvsh/bento-grids
feat(ui): Global Redesign "Bento Grids" & Visual Polish
2026-01-20 23:39:51 +03:00
kinvsh
7272f0a6c1 bento-grids v1
в целом все хорошо, немного доправить и переходить к light theme
2026-01-21 01:30:14 +05:00
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
63dbd64911 polish 2026-01-20 23:19:18 +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
c92a4e7704 feat: complete Phase 2 - refactor all user pages to Bento UI 2026-01-20 22:26:13 +05:00
Dev
b9b889b0bf docs: add Phase 2 roadmap to refactor plan 2026-01-20 21:11:26 +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
9b0f5060dd Merge pull request #65 from BEDOLAGA-DEV/dev
Dev
2026-01-20 14:46:26 +03:00
Egor
d23097b4e3 Update ChannelSubscriptionScreen.tsx 2026-01-20 14:43:46 +03:00
Egor
b777e9b1a1 Add files via upload 2026-01-20 14:41:49 +03:00
Egor
cada738879 Update App.tsx 2026-01-20 14:41:08 +03:00
Egor
5930de6275 Update client.ts 2026-01-20 14:40:13 +03:00
Egor
1617f676ee Add files via upload 2026-01-20 14:39:22 +03:00
Egor
2836d1faf5 Add files via upload 2026-01-20 14:38:42 +03:00
Egor
b7fd893697 Update client.ts 2026-01-20 14:29:39 +03:00
Egor
9b58b367e3 Merge pull request #64 from BEDOLAGA-DEV/dev
Dev
2026-01-20 14:29:09 +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
89c5726e2c Update index.html 2026-01-20 13:51:52 +03:00
Egor
d57419e338 Update useTelegramWebApp.ts 2026-01-20 13:51:08 +03:00
Egor
e797b1e282 Update ConnectionModal.tsx 2026-01-20 13:50:37 +03:00
Egor
19cd0e8329 Merge pull request #63 from BEDOLAGA-DEV/dev
Dev
2026-01-20 07:57:55 +03:00
Egor
07a635e1a7 Update globals.css 2026-01-20 07:41:20 +03:00
Egor
89880195ad Update Layout.tsx 2026-01-20 07:40:46 +03:00
Egor
604da50be1 Merge pull request #62 from BEDOLAGA-DEV/dev
Dev
2026-01-20 07:21:34 +03:00
Egor
3c5869684f Update Subscription.tsx 2026-01-20 07:21:18 +03:00
Egor
3a4f9b66da Update Layout.tsx 2026-01-20 07:20:00 +03:00
Egor
743bd54f7e Merge pull request #61 from BEDOLAGA-DEV/main
ц
2026-01-20 07:18:59 +03:00
Egor
c62ba274fc Merge pull request #60 from enkinvsh/fix/close-menu-on-tabbar-click
Close mobile menu when clicking bottom nav items
2026-01-20 07:03:10 +03:00
Dev
7dcfecbb80 Close mobile menu when clicking bottom nav items 2026-01-20 09:01:57 +05:00
Egor
8f62df039d Merge pull request #59 from enkinvsh/fix/connection-modal-safe-area
Fix ConnectionModal positioning for TMA fullscreen mode
2026-01-20 06:59:55 +03:00
Dev
3055254483 Fix ConnectionModal positioning for TMA fullscreen mode 2026-01-20 08:50:39 +05:00
Egor
b78cbecb0e Merge pull request #58 from BEDOLAGA-DEV/dev
Dev
2026-01-20 06:39:07 +03:00
Egor
ea47b09bad Update Subscription.tsx 2026-01-20 06:38:51 +03:00
Egor
fe9e28dbb7 Update subscription.ts 2026-01-20 06:38:25 +03:00
Egor
2a492843ba Merge pull request #57 from BEDOLAGA-DEV/dev
Update Subscription.tsx
2026-01-20 06:34:04 +03:00
Egor
56e0023372 Update Subscription.tsx 2026-01-20 06:33:20 +03:00
Egor
e4a2708e4d Merge pull request #56 from BEDOLAGA-DEV/dev
Dev
2026-01-20 05:41:40 +03:00
Egor
17220097d5 Update Dashboard.tsx 2026-01-20 05:41:17 +03:00