design: красивые пустые состояния таймеров/Spotify, акцентный прогноз
Some checks failed
Deploy / deploy (push) Has been cancelled
Some checks failed
Deploy / deploy (push) Has been cancelled
- таймеры: светящаяся градиентная иконка + голосовая подсказка вместо серого текста - Spotify: зелёный музыкальный орб + подсказка - прогноз: ячейка «сейчас» — яркий градиентный акцент с тенью
This commit is contained in:
12
app/page.tsx
12
app/page.tsx
@@ -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={{
|
||||
|
||||
Reference in New Issue
Block a user