search

ankurk91 / vue-loading-overlay

Vue.js component for full screen loading indicator :cyclone:
https://ankurk91.github.io/vue-loading-overlay/
MIT License
1.24k stars 101 forks source link

Center the loader when using before or after slot #23

Closed devzero0 closed 5 years ago

devzero0 commented 5 years ago

First off, thanks for this great component! When using the before or after slots, the loader is left aligned with the text. How can it be re-centered on screen? Here is an example JSFiddle that shows the issue.

ankurk91 commented 5 years ago

Usually, You should handle the CSS for your html. But I will still check your fiddle in my morning

ankurk91 commented 5 years ago

Here is the updated fiddle - https://jsfiddle.net/8pu0wsL5/4/

Check the css section.

devzero0 commented 5 years ago

That worked, appreciate your help.

MohamedHana commented 4 years ago 
.vld-icon: {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

This should be default styles for the container. Please update it if possible in the next release.