Kekkai/Kekkai-web
1
0
Fork 0
mirror of https://github.com/Redume/Kekkai-web.git synced 2024-10-16 13:28:04 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Фикс футера, теперь на компе и телефоне прижато к низу

Browse source
This commit is contained in:
Данил 2024-09-22 18:34:23 +03:00
parent 691b13efeb
commit b0fa432fee
1 changed files with 18 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/web/static/styles/index.css
View file

@ -84,27 +84,13 @@ body {
} }
.footer-wrapper {
position: relative;
min-height: 100%;
}
footer {
flex: 0 0 auto;
width: 100%;
background: rgba(0, 0, 0, 0.39);
position: absolute;
left: 0;
bottom: 0;
}
footer p{ footer p{
word-wrap: break-word; word-wrap: break-word;
text-align: center; text-align: center;
} }
footer a:visited { footer a {
color: white color: white
} }
@ -114,6 +100,22 @@ footer a:visited {
} }
} }
@media (max-width: 768px) {
.footer-wrapper {
position: relative;
min-height: 100%;
}
footer {
flex: 0 0 auto;
width: 100%;
background: rgba(0, 0, 0, 0.39);
position: absolute;
left: 0;
bottom: 0;
}
}
@media (min-width: 1200px) { @media (min-width: 1200px) {
.desc { .desc {
font-size: 24px; font-size: 24px;
@ -125,12 +127,8 @@ footer a:visited {
gap: 200px; gap: 200px;
} }
.footer-wrapper {
position: relative;
min-height: 100%;
}
footer { footer {
flex: 0 0 auto;
width: 100%; width: 100%;
background: rgba(0, 0, 0, 0.39); background: rgba(0, 0, 0, 0.39);
position: absolute; position: absolute;