Fix navbar item alignment and modal spinner deformity.

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

View file

@ -1,7 +1,7 @@
<template>
<div class="row"></div>
<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
:class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
id="stacked">

View file

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