Merged in fix/small-UI-change-select-hotel (pull request #931)

fix: small ui fix hotel card

* fix: small ui fix hotel card


Approved-by: Pontus Dreij

components/HotelReservation/HotelCard/HotelPriceList/hotelPriceList.module.css

@@ -15,7 +15,6 @@
   display: flex;
   flex-direction: column;
   gap: var(--Spacing-x-one-and-half);
-  max-width: 260px;
 }
 
 .divider {
@@ -38,3 +37,9 @@
   font-weight: 400;
   font-size: var(--typography-Caption-Regular-fontSize);
 }
+
+@media screen and (min-width: 1367px) {
+  .prices {
+    max-width: 260px;
+  }
+}

components/HotelReservation/HotelCardListing/index.tsx

@@ -1,7 +1,6 @@
 "use client"
 import { useSearchParams } from "next/navigation"
 import { useEffect, useMemo, useState } from "react"
-import { useIntl } from "react-intl"
 
 import { useHotelFilterStore } from "@/stores/hotel-filters"
 
@@ -25,7 +24,6 @@ export default function HotelCardListing({
   activeCard,
   onHotelCardHover,
 }: HotelCardListingProps) {
-  const intl = useIntl()
   const searchParams = useSearchParams()
   const activeFilters = useHotelFilterStore((state) => state.activeFilters)
   const setResultCount = useHotelFilterStore((state) => state.setResultCount)