From ce2fdaa7c33369cf84a9ed01721f5d7b03d15350 Mon Sep 17 00:00:00 2001
From: Sergey Bolshakov <spooky5ya@yandex.ru>
Date: Mon, 27 Oct 2025 04:14:44 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D1=80=D0=B0=D0=B1=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B8=20=D0=BF=D0=BE=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B5?=
 =?UTF-8?q?,=20=D0=B8=D1=82=D0=B5=D1=80=D0=B0=D1=86=D0=B8=D1=8F=2010?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css                  | 15 +++++++++++++--
 src/components/layout/AuthDialog.tsx |  2 +-
 src/components/ui/date-picker.tsx    |  4 ++--
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index e7e30c5..54f3943 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -88,7 +88,7 @@
     --brand: oklch(0.5588 0.0992 215.93);
     --brand-hover: oklch(0.4588 0.0992 215.93); /* #006B7A */
     --brand-active: oklch(0.3588 0.0992 215.93);
-    --brand-gradient: linear-gradient(90deg, #0072A8 0%, #0598DE 100%);
+    --brand-gradient: linear-gradient(90deg, #0072a8 0%, #0598de 100%);
 }
 
 .dark {
@@ -134,6 +134,17 @@
     }
 }
 
+input[type="time"] {
+    /* Фиксируем размеры */
+    min-width: 0;
+    width: 100%;
+    box-sizing: border-box;
+
+    /* Убираем нативные отступы */
+    padding: 0;
+    margin: 0;
+}
+
 input[type="time"]::-webkit-calendar-picker-indicator {
     background: none;
-}
\ No newline at end of file
+}
diff --git a/src/components/layout/AuthDialog.tsx b/src/components/layout/AuthDialog.tsx
index 951ca18..3eea41f 100644
--- a/src/components/layout/AuthDialog.tsx
+++ b/src/components/layout/AuthDialog.tsx
@@ -136,7 +136,7 @@ export default function AuthDialog({ isOpen, onClose }: AuthDialogProps) {
                     </div>
 
                     {/* Правая часть - изображение */}
-                    <div className="flex-1 relative overflow-hidden rounded-[20px]">
+                    <div className="hidden md:block flex-1 relative overflow-hidden rounded-[20px]">
                         {/* Изображение яхт */}
                         <Image
                             src="/images/auth.jpg"
diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx
index 64b5d15..c3a321f 100644
--- a/src/components/ui/date-picker.tsx
+++ b/src/components/ui/date-picker.tsx
@@ -110,7 +110,7 @@ export function DatePicker({ showIcon = true }: DatePickerProps) {
                                 onChange={(e) =>
                                     setDepartureTime(e.target.value)
                                 }
-                                className="w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
+                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
                             />
                         </div>
 
@@ -123,7 +123,7 @@ export function DatePicker({ showIcon = true }: DatePickerProps) {
                                 type="time"
                                 value={arrivalTime}
                                 onChange={(e) => setArrivalTime(e.target.value)}
-                                className="w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
+                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
                             />
                         </div>
                     </div>