From b7ffc8588d70e4748b76dec0d3bec3a3e2b447b2 Mon Sep 17 00:00:00 2001 From: Bianca Widstam Date: Tue, 19 Nov 2024 12:23:06 +0000 Subject: [PATCH] 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 --- .../HotelCard/HotelPriceList/hotelPriceList.module.css | 7 ++++++- components/HotelReservation/HotelCardListing/index.tsx | 2 -- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/components/HotelReservation/HotelCard/HotelPriceList/hotelPriceList.module.css b/components/HotelReservation/HotelCard/HotelPriceList/hotelPriceList.module.css index bd81f1170..fb67d45d9 100644 --- a/components/HotelReservation/HotelCard/HotelPriceList/hotelPriceList.module.css +++ b/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; + } +} diff --git a/components/HotelReservation/HotelCardListing/index.tsx b/components/HotelReservation/HotelCardListing/index.tsx index 191c7acde..6ebf3006e 100644 --- a/components/HotelReservation/HotelCardListing/index.tsx +++ b/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)