Optimized the width of footer.

cotes2020 · cotes2020 · commit 2b19b8893020 · 2019-11-23T00:01:57.000+08:00
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -383,7 +383,7 @@ footer {
 
 footer>div.d-flex {
   line-height: 1.2rem;
-  width: 90%;
+  width: 95%;
   max-width: 1035px;
 }
 
@@ -900,6 +900,10 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
     text-align: left;
   }
 
+  footer>div.d-flex {
+    width: 92%;
+  }
+
 }
 
 /* iPad 9.7" horizontal */
@@ -913,15 +917,15 @@ 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 {
     max-width: calc(100% + 2rem);
   }
 }
 
 
 /* Hide SideBar and TOC */
-@media all and (max-width: 831px) {
+@media all and (max-width: 830px) {
 
   .sidebar-expand {
     transform: translateX(0) !important;
@@ -1268,7 +1272,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
   }
 
   footer>div.d-flex {
-    max-width: calc(1130px + 1%);
+    max-width: 1150px;
   }
 
   #back-to-top {

Original file line number	Diff line number	Diff line change
`@@ -383,7 +383,7 @@ footer {`
`383`	`383`
`384`	`384`	`footer>div.d-flex {`
`385`	`385`	`line-height: 1.2rem;`
`386`		`- width: 90%;`
	`386`	`+ width: 95%;`
`387`	`387`	`max-width: 1035px;`
`388`	`388`	`}`
`389`	`389`
`@@ -900,6 +900,10 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */`
`900`	`900`	`text-align: left;`
`901`	`901`	`}`
`902`	`902`
	`903`	`+ footer>div.d-flex {`
	`904`	`+ width: 92%;`
	`905`	`+ }`
	`906`	`+`
`903`	`907`	`}`
`904`	`908`
`905`	`909`	`/* iPad 9.7" horizontal */`
`@@ -913,15 +917,15 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */`
`913`	`917`	`}`
`914`	`918`
`915`	`919`
`916`		`-@media all and (min-width: 768px) and (max-width: 831px) {`
	`920`	`+@media all and (min-width: 768px) and (max-width: 830px) {`
`917`	`921`	`.post img {`
`918`	`922`	`max-width: calc(100% + 2rem);`
`919`	`923`	`}`
`920`	`924`	`}`
`921`	`925`
`922`	`926`
`923`	`927`	`/* Hide SideBar and TOC */`
`924`		`-@media all and (max-width: 831px) {`
	`928`	`+@media all and (max-width: 830px) {`
`925`	`929`
`926`	`930`	`.sidebar-expand {`
`927`	`931`	`transform: translateX(0) !important;`
`@@ -1268,7 +1272,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */`
`1268`	`1272`	`}`
`1269`	`1273`
`1270`	`1274`	`footer>div.d-flex {`
`1271`		`- max-width: calc(1130px + 1%);`
	`1275`	`+ max-width: 1150px;`
`1272`	`1276`	`}`
`1273`	`1277`
`1274`	`1278`	`#back-to-top {`