feat(SW-240): add basic styling

This commit is contained in:
Fredrik Thorsson
2024-08-13 14:13:02 +02:00
parent a3602b285b
commit 8c339fa593
10 changed files with 125 additions and 21 deletions

View File

@@ -1,29 +1,55 @@
.container {
border-top: 1px solid var(--Base-Border-Subtle);
/* display: none; */
}
.form {
display: flex;
justify-content: space-between;
max-width: 1432px;
padding: var(--Spacing-x2) var(--Spacing-x5);
}
.input {
display: flex;
gap: var(--Spacing-x2);
width: 100%;
max-width: 1250px;
}
.button {
width: 118px;
justify-content: center;
}
.bodyFontSize {
font-size: var(--typography-Caption-Bold-Desktop-fontSize);
}
.where {
width: 100%;
max-width: 280px;
height: 100%;
max-height: 46px;
}
.when {
.when,
.rooms {
width: 100%;
max-width: 240px;
}
.vouchers {
width: 100%;
max-width: 200px;
}
.options {
display: flex;
flex-direction: column;
width: 100%;
max-width: 158px;
}
/**
* Update the styles after mobile UX is ready
*/