feat: SW-1588 Implemented booking code select-rate
This commit is contained in:
@@ -18,6 +18,7 @@ export default function TabletCodeInput({
|
||||
{...register("bookingCode.value", {
|
||||
onChange: (e) => updateValue(e.target.value),
|
||||
})}
|
||||
defaultValue={defaultValue}
|
||||
autoComplete="off"
|
||||
/>
|
||||
)
|
||||
|
||||
@@ -31,6 +31,11 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bookingCodeTooltip {
|
||||
max-width: 560px;
|
||||
margin-top: var(--Spacing-x2);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.hideOnMobile {
|
||||
display: none;
|
||||
|
||||
@@ -115,7 +115,7 @@ export default function BookingCode() {
|
||||
},
|
||||
})}
|
||||
>
|
||||
<Caption color="red" type="bold" asChild>
|
||||
<Caption color="uiTextMediumContrast" asChild>
|
||||
<span>{codeVoucher}</span>
|
||||
</Caption>
|
||||
</Checkbox>
|
||||
@@ -228,7 +228,9 @@ function CodeRulesModal() {
|
||||
}
|
||||
title={codeVoucher}
|
||||
>
|
||||
<Body color="uiTextHighContrast">{bookingCodeTooltipText}</Body>
|
||||
<Body color="uiTextHighContrast" className={styles.bookingCodeTooltip}>
|
||||
{bookingCodeTooltipText}
|
||||
</Body>
|
||||
</Modal>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user