diff --git a/xiaomusic/static/default/main.css b/xiaomusic/static/default/main.css index 1ad8fb3..8a71e6b 100644 --- a/xiaomusic/static/default/main.css +++ b/xiaomusic/static/default/main.css @@ -4,12 +4,18 @@ body { display: flex; flex-direction: column; align-items: center; - + justify-content: center; + min-height: 100vh; margin: 0; padding: 0; + padding-bottom: 60px; } .index_page { - height: 100vh; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } .player { @@ -206,12 +212,21 @@ progress::-webkit-progress-value { font-size: 48px; } -.footer { - position: absolute; - bottom: 20px; - font-size: 14px; - color: #555; - user-select: none; +.footer { + position: fixed; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + font-size: 14px; + color: #555; + user-select: none; +} + + + + + + } .timer-tooltip {