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

Fix navbar item alignment and modal spinner deformity.

Browse source
This commit is contained in:
Bryan Mauger 2023-09-27 15:59:46 -04:00
parent 4f9f0e21aa
commit 4c78e4e95f
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/fmg-components/nav-bar/nav-bar.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="row"></div> <div class="row"></div>
<div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox"> <div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox">
<div class="row d-flex flex-row-reverse align-items-center vw-100"> <div class="row d-flex flex-row-reverse justify-content-between align-items-center vw-100">
<div <div
:class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']" :class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
id="stacked"> id="stacked">

11
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -32,6 +32,7 @@
groupName="DamageLocationQuestion" /> groupName="DamageLocationQuestion" />
<windshieldOptions <windshieldOptions
class="windshield-options"
ref="windshieldOptions" ref="windshieldOptions"
v-model="selectedWindshieldOptions" v-model="selectedWindshieldOptions"
:hasRepairReplaceConflict="hasRepairReplaceConflict" :hasRepairReplaceConflict="hasRepairReplaceConflict"
@ -547,10 +548,12 @@ export default {
<style lang="scss"> <style lang="scss">
.vehicle-damage { .vehicle-damage {
@include media-breakpoint-up(md) { .windshield-options {
.col { @include media-breakpoint-up(md) {
flex: 0 0 auto; .col {
width: 33.33333333%; flex: 0 0 auto;
width: 33.33333333%;
}
} }
} }
} }