feat/sw-561: some design tweaks for container widths
This commit is contained in:
committed by
Pontus Dreij
parent
79442d80b8
commit
ba5410bb97
@@ -5,6 +5,8 @@
|
||||
gap: var(--Spacing-x3);
|
||||
grid-template-rows: auto 1fr;
|
||||
min-height: 100dvh;
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
@@ -5,4 +5,6 @@
|
||||
gap: var(--Spacing-x3);
|
||||
grid-template-rows: auto 1fr;
|
||||
position: relative;
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
.layout {
|
||||
min-height: 100dvh;
|
||||
background-color: var(--Base-Background-Primary-Normal);
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
background-color: var(--Base-Surface-Primary-light-Normal);
|
||||
border: 1px solid var(--Base-Border-Subtle);
|
||||
border-radius: var(--Corner-radius-Medium);
|
||||
width: 307px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.imageContainer {
|
||||
@@ -72,7 +72,7 @@
|
||||
"image hotel"
|
||||
"image prices";
|
||||
overflow: hidden;
|
||||
width: 1050px;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user