search card - desktop

frontend/components/AddressSelector.tsx

@@ -9,9 +9,9 @@ export default function AddressSelector() {
   const [toAddress, setToAddress] = useState('')
 
   return (
-    <div className="bg-white rounded-xl shadow-lg p-6 w-full my-4">
-      <div className="flex flex-col sm:flex-row items-end gap-3">
-        <div className="flex-[3] min-w-0 px-1">
+    <div className="bg-white rounded-xl shadow-lg p-4 sm:p-6 w-full my-2 sm:my-4">
+      <div className="flex flex-col sm:flex-row sm:items-end gap-4 sm:gap-3">
+        <div className="w-full sm:flex-[3] min-w-0 sm:px-1">
           <TextInput
             placeholder="Минск, Беларусь"
             tooltip="Укажите пункт (Город/Страна), откуда необходимо забрать посылку."
@@ -21,7 +21,7 @@ export default function AddressSelector() {
             name="fromAddress"
           />
         </div>
-        <div className="flex-[3] min-w-0 px-1">
+        <div className="w-full sm:flex-[3] min-w-0 sm:px-1">
           <TextInput
             placeholder="Москва, Россия"
             label="Доставить посылку в"
@@ -33,11 +33,11 @@ export default function AddressSelector() {
         </div>
         <Button
           text="Найти перевозчика"
-          className="flex-1 whitespace-nowrap bg-orange hover:bg-orange/80 text-white p-4"
+          className="w-full sm:w-auto sm:flex-1 whitespace-nowrap bg-orange hover:bg-orange/80 text-white p-4"
         />
         <Button
           text="Найти посылку"
-          className="flex-1 whitespace-nowrap bg-gray-100 hover:bg-gray-200 text-gray-800 p-4"
+          className="w-full sm:w-auto sm:flex-1 whitespace-nowrap bg-gray-100 hover:bg-gray-200 text-gray-800 p-4"
         />
       </div>
     </div>

frontend/components/ui/Button.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { ButtonProps } from '@/app/types'
+import { ButtonProps } from '@/app/types/index'
 
 const Button = ({ onClick, className, text, type }: ButtonProps) => {
   return (