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

fix: add border bottom to headers

Browse Source
This commit is contained in:
Chuma McPhoy
2024-07-12 14:02:22 +02:00
parent 85aded18b4
commit 70e1f39f5b
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ContentType/HotelPage/HotelPage.tsx
View File

@@ -1,5 +1,3 @@
import Link from "next/link"
import { serverClient } from "@/lib/trpc/server" import { serverClient } from "@/lib/trpc/server"
import AmenitiesList from "./AmenitiesList" import AmenitiesList from "./AmenitiesList"

12
components/TempDesignSystem/SidePeek/Content/content.module.css
View File

@@ -3,12 +3,16 @@
grid-template-rows: min-content auto; grid-template-rows: min-content auto;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
height: 100%; height: 100%;
padding: var(--Spacing-x4) var(--Spacing-x5); }
.content > * {
padding: var(--Spacing-x3) var(--Spacing-x2);
} }
.header { .header {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
border-bottom: 1px solid var(--Base-Border-Subtle);
} }
.header:has(> h2) { .header:has(> h2) {
@@ -23,3 +27,9 @@
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
} }
@media and screen (min-width: 1367px) {
.content > * {
padding: var(--Spacing-x4);
}
}