From 218a7a3acbed37a690641f6334f1a74474a704e0 Mon Sep 17 00:00:00 2001 From: "d.klimov" Date: Wed, 22 Jul 2026 23:39:19 +0300 Subject: [PATCH] =?UTF-8?q?design:=20=D0=BA=D0=B0=D0=BB=D0=B5=D0=BD=D0=B4?= =?UTF-8?q?=D0=B0=D1=80=D1=8C=20(=D0=BF=D0=BB=D0=BE=D1=82=D0=BD=D1=8B?= =?UTF-8?q?=D0=B5=20=D1=8F=D1=87=D0=B5=D0=B9=D0=BA=D0=B8,=20=D1=8F=D1=80?= =?UTF-8?q?=D0=BA=D0=B8=D0=B9=20today),=20=D0=BF=D1=80=D0=B8=D0=B3=D0=BB?= =?UTF-8?q?=D1=83=D1=88=D1=91=D0=BD=20=D1=86=D0=B5=D0=BD=D1=82=D1=80=D0=B0?= =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9=20=D0=BE=D1=80=D0=B5=D0=BE=D0=BB?= =?UTF-8?q?,=20=D0=B0=D0=BA=D1=82=D0=B8=D0=B2=D0=BD=D0=B0=D1=8F=20=D0=B2?= =?UTF-8?q?=D0=BA=D0=BB=D0=B0=D0=B4=D0=BA=D0=B0=20=D0=BA=D0=BE=D0=BC=D0=BD?= =?UTF-8?q?=D0=B0=D1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - календарь: ячейки — плотные панели (aurora больше не просвечивает облаком), today-ячейка — яркий градиентный акцент с тенью - центральный aurora-ореол приглушён и убран из центра контента - активная вкладка комнаты — насыщенный градиент + свечение --- app/globals.css | 8 ++++---- components/CalendarTab.tsx | 9 ++++++--- components/RoomTabs.tsx | 10 +++++----- 3 files changed, 15 insertions(+), 12 deletions(-) diff --git a/app/globals.css b/app/globals.css index 825297e..abe9bb6 100644 --- a/app/globals.css +++ b/app/globals.css @@ -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 { diff --git a/components/CalendarTab.tsx b/components/CalendarTab.tsx index 251e1ee..39a81c5 100644 --- a/components/CalendarTab.tsx +++ b/components/CalendarTab.tsx @@ -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', diff --git a/components/RoomTabs.tsx b/components/RoomTabs.tsx index d641a1d..ef05002 100644 --- a/components/RoomTabs.tsx +++ b/components/RoomTabs.tsx @@ -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', }} > {room.emoji}