design: красивые пустые состояния таймеров/Spotify, акцентный прогноз
Some checks failed
Deploy / deploy (push) Has been cancelled

- таймеры: светящаяся градиентная иконка + голосовая подсказка вместо серого текста
- Spotify: зелёный музыкальный орб + подсказка
- прогноз: ячейка «сейчас» — яркий градиентный акцент с тенью
This commit is contained in:
d.klimov
2026-07-22 23:25:21 +03:00
parent d7b1747533
commit 2755980165
3 changed files with 45 additions and 11 deletions

View File

@@ -603,11 +603,15 @@ function HomeTab({ weather, sensors }: { weather: WeatherData | null; sensors: S
<button
onClick={() => setSelectedDay(day)}
style={{
flex: 1, padding: '12px 8px', borderRadius: 14,
minHeight: 92,
background: isToday ? 'var(--surface-2)' : 'transparent',
flex: 1, padding: '12px 8px', borderRadius: 16,
minHeight: 96,
background: isToday
? 'linear-gradient(160deg, rgba(109,94,252,0.32), rgba(46,230,246,0.12))'
: 'transparent',
border: isToday ? '1px solid rgba(160,168,255,0.32)' : '1px solid transparent',
boxShadow: isToday ? '0 6px 18px -8px rgba(109,94,252,0.5)' : 'none',
display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 6,
transition: 'background 0.2s ease',
transition: 'background 0.2s ease, transform 0.2s ease',
}}
>
<div style={{