search

derrickpelletier / react-loading-overlay

Loading overlays with fade, spinner, message support.
MIT License
255 stars 83 forks source link

When using a custom spinner, the spinner isn't centered with text #37

Open AloysiusParedes opened 5 years ago

AloysiusParedes commented 5 years ago

I am trying to use https://github.com/davidhu2000/react-spinners

and when I use it, the spinner is not aligned with text

Screen Shot 2019-04-17 at 3 12 23 PM

`<LoadingOverlay active={!this.state.isLoaded} spinner={<PulseLoader color={"var(--bluePrimary)"} />} text="Loading data..." fadeSpeed={0} styles={{ wrapper: { width: "100%", height: "100%" } }}

`

derrickpelletier commented 5 years ago

can you throw a sample up so i can look at it live

lishine commented 5 years ago

Hi @derrickpelletier , Same here, using this:

 <LoadingOverlay active={loading} spinner={<BounceLoader />} text="Loading...">

Note: it is Next.js https://i.imgur.com/f0nnpri.gifv

raxod502 commented 4 years ago

@derrickpelletier Any update here? This seems like a really basic feature, so perhaps we are missing something about the intended usage of your library.

raxod502 commented 4 years ago

Ah, I have found that if I use ScaleLoader instead of BounceLoader then the problem does not occur. I could not tell you why.