feat: add gap in prev-next and add lastUpdated style

lweijian · lweijian · commit 09161a1113cc · 2022-09-20T00:48:10.000+08:00
diff --git a/src/theme-default/components/DocFooter/index.module.scss b/src/theme-default/components/DocFooter/index.module.scss
@@ -38,14 +38,23 @@
 }
 
 .prev-next {
-  border-top: 1px solid var(--island-c-divider-light);
-  padding-top: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
 @media (min-width: 640px) {
+  .prev-next {
+    display: flex;
+    flex-direction:row;
+    border-top: 1px solid var(--island-c-divider-light);
+    padding-top: 24px;
+  }
+
   .prev-next {
     display: flex;
     justify-content: space-around;
+    gap: 16px;
   }
 }
 
@@ -57,7 +66,6 @@
   .pager {
     display: flex;
     flex-direction: column;
-    flex-shrink: 0;
     width: 50%;
   }
 
@@ -67,6 +75,7 @@
   }
 }
 
+
 .pager-link {
   display: block;
   border: 1px solid var(--island-c-divider-light);
@@ -112,7 +121,7 @@
   line-height: 24px;
   font-size: 14px;
   font-weight: 500;
-  color: var(--vp-c-text-2);
+  color: var(--island-c-text-2);
 }
 
 @media (min-width: 640px) {

Original file line number	Diff line number	Diff line change
`@@ -38,14 +38,23 @@`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`.prev-next {`
`41`		`- border-top: 1px solid var(--island-c-divider-light);`
`42`		`- padding-top: 24px;`
	`41`	`+ display: flex;`
	`42`	`+ flex-direction: column;`
	`43`	`+ gap: 16px;`
`43`	`44`	`}`
`44`	`45`
`45`	`46`	`@media (min-width: 640px) {`
	`47`	`+ .prev-next {`
	`48`	`+ display: flex;`
	`49`	`+ flex-direction:row;`
	`50`	`+ border-top: 1px solid var(--island-c-divider-light);`
	`51`	`+ padding-top: 24px;`
	`52`	`+ }`
	`53`	`+`
`46`	`54`	`.prev-next {`
`47`	`55`	`display: flex;`
`48`	`56`	`justify-content: space-around;`
	`57`	`+ gap: 16px;`
`49`	`58`	`}`
`50`	`59`	`}`
`51`	`60`
`@@ -57,7 +66,6 @@`
`57`	`66`	`.pager {`
`58`	`67`	`display: flex;`
`59`	`68`	`flex-direction: column;`
`60`		`- flex-shrink: 0;`
`61`	`69`	`width: 50%;`
`62`	`70`	`}`
`63`	`71`
`@@ -67,6 +75,7 @@`
`67`	`75`	`}`
`68`	`76`	`}`
`69`	`77`
	`78`	`+`
`70`	`79`	`.pager-link {`
`71`	`80`	`display: block;`
`72`	`81`	`border: 1px solid var(--island-c-divider-light);`
`@@ -112,7 +121,7 @@`
`112`	`121`	`line-height: 24px;`
`113`	`122`	`font-size: 14px;`
`114`	`123`	`font-weight: 500;`
`115`		`- color: var(--vp-c-text-2);`
	`124`	`+ color: var(--island-c-text-2);`
`116`	`125`	`}`
`117`	`126`
`118`	`127`	`@media (min-width: 640px) {`