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:
commit
dd04896a44
1 changed files with 5 additions and 1 deletions
|
|
@ -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: {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue