Merge pull request #472 from Safelite/feature/CSR-550

CSR-550 | Changing img tag to object tag for iPhone issue
This commit is contained in:
scottkiener 2022-05-18 15:04:09 -04:00 committed by GitHub
commit dd04896a44
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -3,7 +3,7 @@
<div class="loading-modal"> <div class="loading-modal">
<section class="loading-modal-body"> <section class="loading-modal-body">
<div class="modal-icon-container text-center"> <div class="modal-icon-container text-center">
<img alt="Loading" src="@/assets/img/FMGTransitionAnimation.svg"> <object type="image/svg+xml" :data="fmgAnimatedTransition"/>
</div> </div>
</section> </section>
</div> </div>
@ -11,11 +11,15 @@
</template> </template>
<script> <script>
// load the path like this - <object> data attribute doesn't load the relative path correctly
const FMGAnimatedTransition = require("@/assets/img/FMGTransitionAnimation.svg");
export default { export default {
name: 'Modal', name: 'Modal',
data() { data() {
return { return {
isModalVisible: false, isModalVisible: false,
fmgAnimatedTransition: FMGAnimatedTransition,
}; };
}, },
methods: { methods: {