Optimized the width of footer.

This commit is contained in:
Cotes Chung 2019-11-22 23:56:04 +08:00
parent 97e0b61eed
commit a65472d2d8

View file

@ -383,7 +383,7 @@ footer {
footer>div.d-flex { footer>div.d-flex {
line-height: 1.2rem; line-height: 1.2rem;
width: 90%; width: 95%;
max-width: 1035px; max-width: 1035px;
} }
@ -900,6 +900,10 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
text-align: left; text-align: left;
} }
footer>div.d-flex {
width: 92%;
}
} }
/* iPad 9.7" horizontal */ /* iPad 9.7" horizontal */
@ -913,7 +917,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
} }
@media all and (min-width: 768px) and (max-width: 831px) { @media all and (min-width: 768px) and (max-width: 830px) {
.post img { .post img {
max-width: calc(100% + 2rem); max-width: calc(100% + 2rem);
} }
@ -921,7 +925,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
/* Hide SideBar and TOC */ /* Hide SideBar and TOC */
@media all and (max-width: 831px) { @media all and (max-width: 830px) {
.sidebar-expand { .sidebar-expand {
transform: translateX(0) !important; transform: translateX(0) !important;
@ -1268,7 +1272,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
} }
footer>div.d-flex { footer>div.d-flex {
max-width: calc(1130px + 1%); max-width: 1150px;
} }
#back-to-top { #back-to-top {