Mirrors/wgfrontend
1
0
Fork 0
mirror of https://github.com/towalink/wgfrontend.git synced 2025-04-19 08:55:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

No longer display footer if scrolling is needed

Browse Source
This commit is contained in:
Henri 2024-05-04 20:16:25 +02:00
parent 447c71f827
commit 8a979e674a
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/wgfrontend/webroot/static/styles.css
View File

@ -10,6 +10,12 @@ html {
color: #000; color: #000;
} }
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
a { a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
@ -115,12 +121,11 @@ header h2 img {
.user { .user {
color: blue; color: blue;
font-size: 14px; font-size: 14px;
text-align: right;
} }
section { section {
width: 100%; width: 100%;
display: flex; flex: 1;
padding: 10px 250px; padding: 10px 250px;
background-color: #f3f3f3; background-color: #f3f3f3;
} }
@ -170,7 +175,6 @@ section {
font-size: 14px; font-size: 14px;
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.table, .table-row { .table, .table-row {
display: block; display: block;
@ -183,11 +187,7 @@ section {
} }
} }
footer { footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%; width: 100%;
background-color: #dddddd; background-color: #dddddd;
color: blue; color: blue;
@ -207,14 +207,14 @@ footer {
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
header { header {
flex-direction: column; flex-direction: column;
padding: 10px 10px; padding: 10px 10px;
} }
header h2 { header h2 {
margin-bottom: 15px; margin-bottom: 15px;
} }
section { section {
flex-direction: column; flex-direction: column;
padding: 10px 10px; padding: 10px 10px;
} }
} }