jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-464: more styling changes if drop off appointment

Browse source
This commit is contained in:
Adam Caouette 2025-04-29 10:35:26 -04:00
parent b8545709ba
commit 5fae2e79a8
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/digital-components/date-picker/date-picker.vue
View file

@ -1260,6 +1260,7 @@ export default {
max-width: 100%; max-width: 100%;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0 0.5rem; gap: 0 0.5rem;
justify-content: center;
& > div { & > div {
flex: 0 0 calc(50% - 0.25rem); flex: 0 0 calc(50% - 0.25rem);
@ -1270,6 +1271,11 @@ export default {
flex: 0 0 100%; flex: 0 0 100%;
} }
} }
:deep(.button-question.is-drop-off-appointment) {
.button-inner-wrapper > div {
flex: 0 0 100%;
}
}
} }
.btn-link { .btn-link {

5
src/layouts/schedule/time-slot-question/time-slot-question.vue
View file

@ -12,7 +12,7 @@
buttonTypeString="timeSlotModalListButton" buttonTypeString="timeSlotModalListButton"
:buttonTypeObject="timeSlotModalListButton" :buttonTypeObject="timeSlotModalListButton"
class="mt-4" class="mt-4"
:class="isMobileAppointment ? 'is-mobile-appointment' : ''" :class="[isMobileAppointment ? 'is-mobile-appointment' : '', isDropOffAppointment ? 'is-drop-off-appointment' : '']"
:answers="availableTimeSlots" :answers="availableTimeSlots"
groupName="chooseTimeSlot" groupName="chooseTimeSlot"
textPosition="text-center" textPosition="text-center"
@ -357,6 +357,9 @@ export default {
isMobileAppointment() { isMobileAppointment() {
return this.appointmentType === AppointmentTypeStrings.MOBILE; return this.appointmentType === AppointmentTypeStrings.MOBILE;
}, },
isDropOffAppointment() {
return this.appointmentType === AppointmentTypeStrings.DROP_OFF;
},
}, },
methods: { methods: {
async setSelectedTimeSlot() { async setSelectedTimeSlot() {