search

derrickpelletier / react-loading-overlay

Loading overlays with fade, spinner, message support.
MIT License
256 stars 84 forks source link

rounded border #38

Closed slavagu closed 5 years ago

slavagu commented 5 years ago

I've tried to set border-radius: 4px using wrapper and content styles override but it didn't work. Is there a way to specify rounded corners for the overlay?

derrickpelletier commented 5 years ago

Can you share your code for this issue?

slavagu commented 5 years ago

Started doing codepen demo and found the new version 1.0.1 does support the customization! My bad I didn't upgraded the package. Just for reference that's what I'm doing:

<LoadingOverlay
  styles={{
    overlay: base => ({
      ...base,
      borderRadius: '4px',
    }),
  }}
  active
  spinner
>
  {children}
</LoadingOverlay>

Thanks!

derrickpelletier commented 5 years ago

🙏