feat(SW-350): split input styles in booking widget

2024-10-07 15:17:18 +02:00
parent 2650b3d5d7
commit f8127c4875
6 changed files with 5 additions and 29 deletions
--- a/components/Forms/BookingWidget/FormContent/Search/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/Search/index.tsx
@@ -16,6 +16,7 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { init, localStorageKey, reducer, sessionStorageKey } from "./reducer"
 import SearchList from "./SearchList"

+import inputStyles from "../Input/input.module.css"
 import styles from "./search.module.css"

 import type { BookingWidgetSchema } from "@/types/components/bookingWidget"
@@ -145,7 +146,7 @@ export default function Search({ locations }: SearchProps) {
            <Body asChild>
              <input
                {...getInputProps({
-                  className: styles.input,
+                  className: `${styles.searchInput} ${inputStyles.input}`,
                  id: name,
                  onFocus(evt) {
                    handleOnFocus(evt)