Bug: Footer not stay at the bottom

[NsdHSO]

Describe the bug

Steps to reproduce

1. Open in the hot app

Affected services

hot.opensauced.pizza

Platforms

Desktop

Browsers

Chrome

Environment

Production

Additional context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

Contributing Docs

• I agree to follow this project's Contribution Docs

[0-vortex]

Good exercise in sticky footers: https://css-tricks.com/couple-takes-sticky-footer/

[me-manikanta]

I can .take this issue 😁

[a0m0rajab]

Seems like the issue has been solved, I could not reproduce it.

[NsdHSO]

Can you please provide your steps? Because I opened in hot, and reproduced this issue

[a0m0rajab]

I opened it from the browser directly: https://hot.opensauced.pizza/

[ganeshrevadi]

Still an issue?

[NsdHSO]

Yes, the footer still has this issue.

[ganeshrevadi]

Okay ! Here's what I understood from the issue and web page .
The footer needs to persist even if the page is scrolled. Am I right ?
and any suggestions?

[NsdHSO]

Yes, this is what we need.

[VinceCYLiao]

@NsdHSO Is the footer in the video acting as you want ? If yes, please let me know and I'll create a pull request. Thanks!
https://github.com/open-sauced/hot/assets/46563912/c01f210a-b97c-433c-bbbe-a194ddbf16f6

[NsdHSO]

@VinceCYLiao sorry I can't open this video

[VinceCYLiao]

@NsdHSO Sorry I should convert the video into gif. Please check, thanks.

[westernal]

@NsdHSO Correct me if I'm wrong but I think its because the list of repositories renders after few seconds (waiting for server's data) and there is no loading component to render in the time the component is fetching the data from server so I added the loader and made a PR if it helps.

[NsdHSO]

@westernal Yes, this is what we want, Tnx for your PR, but can you please check this little doc