diff --git a/www/css/index.css b/www/css/index.css index e3c9e4d..2a01e48 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -4,6 +4,7 @@ --wsTop: env(safe-area-inset-top); --wsBottom: constant(safe-area-inset-bottom); --wsBottom: env(safe-area-inset-bottom); + --footerHeight: 51px; } html { @@ -172,4 +173,26 @@ body.dollars span.price::after { border-radius: 30px; font-weight: bold; } -/*}*/ \ No newline at end of file +/*}*/ + +#page-container { /** body ? **/ + position: relative; + min-height: 100vh; +} + +#page-wrapper { + padding-bottom: var(--footerHeight); +} + +footer { + position: absolute; + bottom: 0; + width: 100%; + height: var(--footerHeight); + max-height: var(--footerHeight); + overflow: hidden; + + text-align: center; + background: #fffd; + padding: 15px 10px calc(var(--wsBottom) + 15px); +} diff --git a/www/index.php b/www/index.php index 82195c7..3270ff9 100644 --- a/www/index.php +++ b/www/index.php @@ -5,35 +5,40 @@