[#130] refactor: UI수정

Author: evaain706

src/components/FloatingBox/BookingButton.tsx

@@ -1,27 +1,32 @@
 import React from 'react';
+import { cn } from '@/lib/utils';
 
 interface BookingButtonProps {
   onClick: () => void;
   children: React.ReactNode;
   disabled?: boolean;
   onBooking?: boolean;
+  className?: string;
 }
 
 export default function BookingButton({
   onClick,
   children,
   disabled = false,
   onBooking = false,
+  className = '',
 }: BookingButtonProps) {
   return (
     <button
       onClick={onClick}
       disabled={disabled || onBooking}
-      className={`relative mt-4 mb-6 w-full max-w-sm rounded-lg py-10 font-medium transition-colors ${
+      className={cn(
+        'relative mt-4 mb-6 w-full max-w-sm rounded-lg py-10 font-medium transition-colors',
         disabled || onBooking
           ? 'cursor-not-allowed bg-gray-300 text-gray-500'
-          : 'bg-green-800 text-white hover:bg-green-900'
-      }`}
+          : 'bg-green-800 text-white hover:bg-green-900',
+        className,
+      )}
     >
       {onBooking ? (
         <div className='flex items-center justify-center gap-2'>

src/ui/MobileBookingModal.tsx

@@ -80,7 +80,7 @@ export default function MobileModal({
             <div className='flex min-h-400 flex-col items-center justify-center gap-20'>
               <div>
                 <p className='font-bold'>
-                  날짜 및 시간 {selectedDate?.toLocaleDateString()}
+                  날짜 및 시간 {selectedDate?.toLocaleDateString()}/
                   {selectedTime}
                 </p>
               </div>
@@ -111,7 +111,10 @@ export default function MobileModal({
                 다음
               </button>
             ) : (
-              <BookingButton onClick={() => handleConfirm()}>
+              <BookingButton
+                className='flex-1 px-10 py-10'
+                onClick={() => handleConfirm()}
+              >
                 확인
               </BookingButton>
             )}