feat(BOOK-391): Added theme and logos for Bassin Seven
* chore: Updated border-radius variables after import change Approved-by: Linus Flood
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
.bookingCode {
|
||||
height: 60px;
|
||||
background-color: var(--Background-Primary);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
padding: var(--Space-x1) var(--Space-x15);
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
@@ -17,7 +17,7 @@
|
||||
.bookingCode:has([data-focused="true"]),
|
||||
.bookingCode:has([data-pressed="true"]) {
|
||||
background-color: var(--Surface-Primary-Hover);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
border-color: var(--Border-Interactive-Focus);
|
||||
}
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
@media screen and (min-width: 1367px) {
|
||||
.container:hover {
|
||||
background-color: var(--Surface-Primary-Hover);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
}
|
||||
|
||||
.bookingCodeRememberVisible {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
align-items: center;
|
||||
color: var(--Component-Button-Brand-Secondary-On-fill-Default);
|
||||
border: none;
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
gap: var(--Space-x05);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.dialog {
|
||||
background-color: var(--Base-Surface-Primary-light-Normal);
|
||||
border-radius: var(--Corner-radius-lg);
|
||||
border-radius: var(--Corner-Radius-lg);
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.listItem {
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
cursor: pointer;
|
||||
padding: var(--Space-x1);
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
padding: var(--Space-x1) var(--Space-x15);
|
||||
position: relative;
|
||||
height: 60px;
|
||||
@@ -11,7 +11,7 @@
|
||||
background-color: var(--Base-Surface-Primary-light-Normal);
|
||||
padding: var(--Space-x15) var(--Space-x15) var(--Space-x15) var(--Space-x3);
|
||||
border: 1px solid var(--Border-Strong);
|
||||
border-radius: var(--Corner-radius-rounded);
|
||||
border-radius: var(--Corner-Radius-Rounded);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
position: absolute;
|
||||
top: calc(100% + var(--Space-x2));
|
||||
background: var(--Surface-Primary-Default);
|
||||
border-radius: var(--Corner-radius-lg);
|
||||
border-radius: var(--Corner-Radius-lg);
|
||||
box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
|
||||
padding: var(--Space-x15);
|
||||
max-width: min(100vw, calc(360px - var(--Space-x2)));
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
.when,
|
||||
.where {
|
||||
background-color: var(--Background-Primary);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
}
|
||||
|
||||
.rooms,
|
||||
@@ -114,14 +114,14 @@
|
||||
gap: var(--Space-x2);
|
||||
}
|
||||
.voucherContainer {
|
||||
border-radius: 0 0 var(--Corner-radius-md) var(--Corner-radius-md);
|
||||
border-radius: 0 0 var(--Corner-Radius-md) var(--Corner-Radius-md);
|
||||
}
|
||||
|
||||
.rooms,
|
||||
.when,
|
||||
.where {
|
||||
width: 100%;
|
||||
border-radius: var(--Corner-radius-md);
|
||||
border-radius: var(--Corner-Radius-md);
|
||||
}
|
||||
|
||||
.inputContainer input[type="text"] {
|
||||
|
||||
Reference in New Issue
Block a user