scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
fix: small ui fix hotel card

* fix: small ui fix hotel card


Approved-by: Pontus Dreij
This commit is contained in:
Bianca Widstam
2024-11-19 12:23:06 +00:00
parent e43998e7d0
commit b7ffc8588d
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/HotelReservation/HotelCard/HotelPriceList/hotelPriceList.module.css
View File

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

2
components/HotelReservation/HotelCardListing/index.tsx
View File

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