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 { .bg-ambient .aurora-3 {
position: absolute; position: absolute;
width: 680px; height: 680px; width: 620px; height: 620px;
border-radius: 50%; border-radius: 50%;
filter: blur(100px); filter: blur(110px);
background: radial-gradient(circle, rgba(168, 85, 247, 0.32) 0%, transparent 68%); background: radial-gradient(circle, rgba(168, 85, 247, 0.16) 0%, transparent 70%);
top: 22%; left: 34%; top: -12%; left: 42%;
animation: float1 31s ease-in-out infinite reverse; animation: float1 31s ease-in-out infinite reverse;
} }
.light .bg-ambient .aurora-3 { .light .bg-ambient .aurora-3 {

9
components/CalendarTab.tsx
View File

@@ -783,9 +783,12 @@ export default function CalendarTab() {
key={idx} key={idx}
onClick={() => handleDayClick(day)} onClick={() => handleDayClick(day)}
style={{ style={{
borderRadius: 12, padding: '4px 5px', borderRadius: 12, padding: '5px 6px',
background: isToday ? 'linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.08))' : 'rgba(255,255,255,0.015)', background: isToday
border: isToday ? '1px solid rgba(129,140,248,0.3)' : '1px solid transparent', ? '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, cursor: 'pointer', minHeight: 70,
display: 'flex', flexDirection: 'column', gap: 3, display: 'flex', flexDirection: 'column', gap: 3,
transition: 'all 0.2s ease', 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', padding: '10px 20px',
borderRadius: 16, borderRadius: 16,
background: isActive background: isActive
? 'linear-gradient(135deg, rgba(99,102,241,0.18), rgba(139,92,246,0.12))' ? 'linear-gradient(135deg, rgba(109,94,252,0.32), rgba(46,230,246,0.12))'
: 'rgba(255,255,255,0.03)', : 'rgba(255,255,255,0.04)',
border: isActive border: isActive
? '1px solid rgba(129,140,248,0.25)' ? '1px solid rgba(160,168,255,0.35)'
: '1px solid rgba(255,255,255,0.05)', : '1px solid rgba(255,255,255,0.06)',
minWidth: 'fit-content', minWidth: 'fit-content',
flexShrink: 0, flexShrink: 0,
transition: 'all 0.25s cubic-bezier(0.4, 0, 0.2, 1)', 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> <span style={{ fontSize: 18 }}>{room.emoji}</span>