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

fix: padding issues

Browse Source
This commit is contained in:
Christel Westerberg
2024-11-19 13:41:08 +01:00
parent 602e7ea2ce
commit c2ef7f7074
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components/HotelReservation/EnterDetails/Details/details.module.css
View File

@@ -1,7 +1,6 @@
.form { .form {
display: grid; display: grid;
gap: var(--Spacing-x3); gap: var(--Spacing-x3);
margin-bottom: var(--Spacing-x3);
} }
.container { .container {

7
components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css
View File

@@ -79,7 +79,10 @@
.accordion[data-open="true"] { .accordion[data-open="true"] {
grid-template-rows: var(--header-height) 1fr; grid-template-rows: var(--header-height) 1fr;
gap: var(--Spacing-x3); }
.accordion[data-open="true"] .content {
padding-bottom: var(--Spacing-x3);
} }
.content { .content {
@@ -90,7 +93,7 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.accordion { .accordion {
gap: var(--Spacing-x3); column-gap: var(--Spacing-x3);
grid-template-areas: "circle header" "circle content"; grid-template-areas: "circle header" "circle content";
} }