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

CSR-1591 tweak radio button width, unfix modal button when modal is on right of screen.

Browse source
This commit is contained in:
Bryan Mauger 2023-10-06 09:14:19 -04:00
parent 4ee0908ad4
commit cfbd15a43a
2 changed files with 7 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/digital-components/modal/modal.vue
View file

@ -164,7 +164,7 @@ export default {
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0;
height: 100vh; //height: 100vh;
margin: 0 auto; margin: 0 auto;
} }
.modal-body { .modal-body {
@ -195,6 +195,10 @@ export default {
button { button {
margin: 0; margin: 0;
} }
@include media-breakpoint-up(md) {
position: relative;
background-color: transparent;
}
} }
} }
&.show .modal-dialog { &.show .modal-dialog {

17
src/layouts/service-location/service-location.vue
View file

@ -60,7 +60,7 @@
</div> </div>
</div> </div>
<div class="row justify-content-md-center appointment-type"> <div class="row justify-content-md-center appointment-type">
<div class="col-md-6"> <div class="col-md-6 col-xxl-4">
<appointmentTypeQuestion <appointmentTypeQuestion
v-model="selectedAppointmentType" v-model="selectedAppointmentType"
v-show="isAppointmentTypeDisplayed" v-show="isAppointmentTypeDisplayed"
@ -496,20 +496,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.appointment-type {
@include media-breakpoint-up(md) {
.col {
flex: 0 0 auto;
width: 49.33333333%;
}
}
@include media-breakpoint-up(xl) {
.col {
flex: 0 0 auto;
width: 33.33333333%;
}
}
}
.question-text { .question-text {
& > span { & > span {
text-align: center; text-align: center;