daniil/smart-home-tablet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: календарь (плотные ячейки, яркий today), приглушён центральный ореол, активная вкладка комнат
All checks were successful
Deploy / deploy (push) Successful in 1m52s
Details

Browse Source 
- календарь: ячейки — плотные панели (aurora больше не просвечивает облаком),
  today-ячейка — яркий градиентный акцент с тенью
- центральный aurora-ореол приглушён и убран из центра контента
- активная вкладка комнаты — насыщенный градиент + свечение
This commit is contained in:
d.klimov
2026-07-22 23:39:19 +03:00
parent d9735d6b71
commit 218a7a3acb
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/globals.css
View File

@@ -243,11 +243,11 @@ h1, h2, h3 { letter-spacing: -0.02em; }
/* Третий, центральный ореол — глубина «космоса» */
.bg-ambient .aurora-3 {
position: absolute;
width: 680px; height: 680px;
width: 620px; height: 620px;
border-radius: 50%;
filter: blur(100px);
background: radial-gradient(circle, rgba(168, 85, 247, 0.32) 0%, transparent 68%);
top: 22%; left: 34%;
filter: blur(110px);
background: radial-gradient(circle, rgba(168, 85, 247, 0.16) 0%, transparent 70%);
top: -12%; left: 42%;
animation: float1 31s ease-in-out infinite reverse;
}
.light .bg-ambient .aurora-3 {

9
components/CalendarTab.tsx
View File

@@ -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',

10
components/RoomTabs.tsx
View File

@@ -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>