design: календарь (плотные ячейки, яркий today), приглушён центральный ореол, активная вкладка комнат
All checks were successful
Deploy / deploy (push) Successful in 1m52s
All checks were successful
Deploy / deploy (push) Successful in 1m52s
- календарь: ячейки — плотные панели (aurora больше не просвечивает облаком), today-ячейка — яркий градиентный акцент с тенью - центральный aurora-ореол приглушён и убран из центра контента - активная вкладка комнаты — насыщенный градиент + свечение
This commit is contained in:
@@ -783,9 +783,12 @@ export default function CalendarTab() {
|
||||
key={idx}
|
||||
onClick={() => handleDayClick(day)}
|
||||
style={{
|
||||
borderRadius: 12, padding: '4px 5px',
|
||||
background: isToday ? 'linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.08))' : 'rgba(255,255,255,0.015)',
|
||||
border: isToday ? '1px solid rgba(129,140,248,0.3)' : '1px solid transparent',
|
||||
borderRadius: 12, padding: '5px 6px',
|
||||
background: isToday
|
||||
? 'linear-gradient(135deg, rgba(109,94,252,0.34), rgba(46,230,246,0.12)), rgba(22,22,48,0.82)'
|
||||
: 'rgba(22,22,48,0.82)',
|
||||
border: isToday ? '1px solid rgba(160,168,255,0.38)' : '1px solid rgba(255,255,255,0.05)',
|
||||
boxShadow: isToday ? '0 6px 22px -8px rgba(109,94,252,0.55), inset 0 1px 0 rgba(255,255,255,0.06)' : 'inset 0 1px 0 rgba(255,255,255,0.02)',
|
||||
cursor: 'pointer', minHeight: 70,
|
||||
display: 'flex', flexDirection: 'column', gap: 3,
|
||||
transition: 'all 0.2s ease',
|
||||
|
||||
@@ -40,15 +40,15 @@ export default function RoomTabs({ rooms, active, onChange }: RoomTabsProps) {
|
||||
padding: '10px 20px',
|
||||
borderRadius: 16,
|
||||
background: isActive
|
||||
? 'linear-gradient(135deg, rgba(99,102,241,0.18), rgba(139,92,246,0.12))'
|
||||
: 'rgba(255,255,255,0.03)',
|
||||
? 'linear-gradient(135deg, rgba(109,94,252,0.32), rgba(46,230,246,0.12))'
|
||||
: 'rgba(255,255,255,0.04)',
|
||||
border: isActive
|
||||
? '1px solid rgba(129,140,248,0.25)'
|
||||
: '1px solid rgba(255,255,255,0.05)',
|
||||
? '1px solid rgba(160,168,255,0.35)'
|
||||
: '1px solid rgba(255,255,255,0.06)',
|
||||
minWidth: 'fit-content',
|
||||
flexShrink: 0,
|
||||
transition: 'all 0.25s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||
boxShadow: isActive ? '0 4px 16px rgba(99,102,241,0.1)' : 'none',
|
||||
boxShadow: isActive ? '0 8px 22px -8px rgba(109,94,252,0.5)' : 'none',
|
||||
}}
|
||||
>
|
||||
<span style={{ fontSize: 18 }}>{room.emoji}</span>
|
||||
|
||||
Reference in New Issue
Block a user