Closed Pulkitxm closed 1 year ago
Name | Link |
---|---|
Latest commit | 4c82e097f5b89ef82f597efd420121f5f3d42b02 |
Latest deploy log | https://app.netlify.com/sites/humaridukan/deploys/6492c8364dee0b00088dae64 |
Deploy Preview | https://deploy-preview-19--humaridukan.netlify.app/ |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
.loader { position: absolute; top: 50%; right: 50%; }
yep already did it
.loader { position: absolute; top: 50%; right: 50%; } yep already did it
That actually does not make the object to the center of the page, rather it leaves 50% of page from top and 50% from the right, but exceeding its own height and width, @Pulkitxm If you want to make it truely to center add this :
.loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
Thank you for your contribution, it looks amazing 🌟 Please give the repository a star.
added the isLoading state and wrapped the content inside the isLoading condition. When the isLoading state is true, the Preloader component will be rendered. Once the loading is complete, the rest of the content, including the Navbar and routes, will be rendered.
https://github.com/arpittyagirocks/Humari-Dukan/assets/65671483/e6c7eb48-4318-4eb1-af69-53519942c109