asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Footer responsive improvement.

Browse source
This commit is contained in:
Cotes Chung 2020-02-21 05:23:43 +08:00
parent 232c956b81
commit ed15a81300
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/css/main.scss
View file

@ -487,7 +487,7 @@ footer {
footer>div.d-flex { footer>div.d-flex {
line-height: 1.2rem; line-height: 1.2rem;
width: 95%; width: 95%;
max-width: 1035px; max-width: 1045px;
border-top: 1px solid var(--footer-border, #f3f3f3); border-top: 1px solid var(--footer-border, #f3f3f3);
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -964,7 +964,8 @@ table tbody td {
footer>div.d-flex { footer>div.d-flex {
width: 90%; width: 90%;
padding: 1.5rem; padding: 1.5rem 0;
margin-bottom: .3rem;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: left!important; justify-content: left!important;
-ms-flex-pack: distribute!important; -ms-flex-pack: distribute!important;
@ -1257,6 +1258,10 @@ table tbody td {
right: 24.3%; right: 24.3%;
} }
footer>div.d-felx {
width: 85%;
}
} }
@media all and (min-width: 1400px) { @media all and (min-width: 1400px) {
@ -1437,9 +1442,9 @@ table tbody td {
} }
} // #sidebar .sidebar-bottom } // #sidebar .sidebar-bottom
footer>div.d-flex { footer>div.d-flex {
max-width: 1150px; width: 87%;
max-width: 1140px;
} }
#search-result-wrapper { #search-result-wrapper {
@ -1467,6 +1472,7 @@ table tbody td {
} }
footer { footer {
padding-left: 0;
padding-right: calc(100% - 350px - 1180px); padding-right: calc(100% - 350px - 1180px);
} }