feat/sw-561: some design tweaks for container widths

This commit is contained in:
Linus Flood
2024-10-07 09:17:04 +02:00
committed by Pontus Dreij
parent 79442d80b8
commit ba5410bb97
4 changed files with 8 additions and 2 deletions

View File

@@ -5,6 +5,8 @@
gap: var(--Spacing-x3); gap: var(--Spacing-x3);
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
min-height: 100dvh; min-height: 100dvh;
max-width: var(--max-width);
margin: 0 auto;
} }
.content { .content {

View File

@@ -5,4 +5,6 @@
gap: var(--Spacing-x3); gap: var(--Spacing-x3);
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
position: relative; position: relative;
max-width: var(--max-width);
margin: 0 auto;
} }

View File

@@ -1,4 +1,6 @@
.layout { .layout {
min-height: 100dvh; min-height: 100dvh;
background-color: var(--Base-Background-Primary-Normal); background-color: var(--Base-Background-Primary-Normal);
max-width: var(--max-width);
margin: 0 auto;
} }

View File

@@ -9,7 +9,7 @@
background-color: var(--Base-Surface-Primary-light-Normal); background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle); border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium); border-radius: var(--Corner-radius-Medium);
width: 307px; width: 100%;
} }
.imageContainer { .imageContainer {
@@ -72,7 +72,7 @@
"image hotel" "image hotel"
"image prices"; "image prices";
overflow: hidden; overflow: hidden;
width: 1050px; width: 100%;
padding: 0; padding: 0;
} }