genshinsim / gcsim.app

gcsim website
MIT License
2 stars 21 forks source link

Move footer to bottom #44

Open TheEZIC opened 2 years ago

srliao commented 2 years ago

image @TheEZIC I think this is why I had it like what it was before.

What's this change required for?

TheEZIC commented 2 years ago

As I said before, If you open "Simulator" tab then on loading stage you have footer on middle of screen.

TheEZIC commented 2 years ago

image

srliao commented 2 years ago

Oh ok. That I can fix but maybe not touch the body.

TheEZIC commented 2 years ago

You can get same result by css calc function. Set min-height: calc(100vh - (#{$header-height} + #{$footer-height})) (it's scss code example) to your content block. But this method requires footer and header fixed height. Therefore, it loses its versatility.