feat: Linear-style UI redesign with improved mobile experience

Major changes:
- Redesign cabinet with Linear-style components and top navigation
- Replace detail modals with dedicated pages (users, broadcasts, email templates)
- Add email channel support for broadcasts
- Remove pull-to-refresh, improve drag-and-drop on touch devices
- Fix Telegram Mini App: fullscreen, back button, scroll restoration
- Unify admin pages color scheme to design system
- Mobile-first improvements: horizontal tabs for settings, better touch targets
This commit is contained in:
c0mrade
2026-01-31 22:06:36 +03:00
parent 929634aac4
commit b953ee0b8c
108 changed files with 11711 additions and 4542 deletions

View File

@@ -111,10 +111,22 @@ export default {
borderRadius: {
'bento': '24px',
'4xl': '32px',
// Linear design tokens
'linear': '8px',
'linear-lg': '12px',
},
spacing: {
'bento': '16px',
'bento-lg': '24px',
// Linear design tokens
'linear-xs': '4px',
'linear-sm': '8px',
'linear-md': '16px',
'linear-lg': '24px',
'linear-xl': '32px',
},
backdropBlur: {
'linear': '12px',
},
fontSize: {
'2xs': ['0.625rem', { lineHeight: '0.875rem' }],
@@ -124,6 +136,11 @@ export default {
'glow-lg': '0 0 40px rgba(var(--color-accent-500), 0.2)',
'soft': '0 2px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.2)',
'card': '0 4px 24px -4px rgba(0, 0, 0, 0.4)',
// Linear design tokens
'linear-sm': '0 1px 2px rgba(0, 0, 0, 0.05)',
'linear': '0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)',
'linear-lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
'linear-glow': '0 0 0 1px rgba(var(--color-accent-500), 0.3)',
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',