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

fix: skeletons wasn't center aligned

Browse Source
This commit is contained in:
Joakim Jäderberg
2024-11-22 11:19:17 +01:00
parent 2ba25a70ba
commit a1c5ae95be
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton.module.css
View File

@@ -1,5 +1,7 @@
.container { .container {
padding: var(--Spacing-x2); padding: var(--Spacing-x2);
margin: 0 auto;
max-width: var(--max-width);
} }
.filterContainer { .filterContainer {
@@ -8,6 +10,7 @@
.skeletonContainer { .skeletonContainer {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
/* used to hide overflowing rows */ /* used to hide overflowing rows */
grid-template-rows: auto; grid-template-rows: auto;

4
components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton.tsx
View File

@@ -1,6 +1,3 @@
import Body from "@/components/TempDesignSystem/Text/Body"
import { getIntl } from "@/i18n"
import { RoomCardSkeleton } from "../RoomSelection/RoomCard/RoomCardSkeleton" import { RoomCardSkeleton } from "../RoomSelection/RoomCard/RoomCardSkeleton"
import styles from "./RoomsContainerSkeleton.module.css" import styles from "./RoomsContainerSkeleton.module.css"
@@ -10,7 +7,6 @@ type Props = {
} }
export async function RoomsContainerSkeleton({ count = 4 }: Props) { export async function RoomsContainerSkeleton({ count = 4 }: Props) {
const intl = await getIntl()
return ( return (
<div className={styles.container}> <div className={styles.container}>
<div className={styles.filterContainer}></div> <div className={styles.filterContainer}></div>