docs: improve footer & fix toc-affix (#6883)

site/src/layouts/index.vue

@@ -298,6 +298,11 @@ export default defineComponent({
 });
 </script>
 <style lang="less" scoped>
+.toc-affix {
+  background-color: rgba(0, 0, 0, 0);
+  backdrop-filter: blur(10px);
+}
+
 .toc-affix :deep(.ant-anchor) {
   font-size: 12px;
   max-width: 110px;
@@ -309,13 +314,4 @@ export default defineComponent({
     display: none;
   }
 }
-
-[data-theme='dark'] .toc-affix :deep(.ant-anchor) {
-  .ant-anchor-link {
-    border-left: 2px solid #303030;
-  }
-  .ant-anchor-link-active {
-    border-left: 2px solid #177ddc;
-  }
-}
 </style>

site/src/theme/static/page-nav.less

@@ -1,6 +1,5 @@
 .prev-next-nav {
-  width: ~'calc(100% - 128px)';
-  margin-right: 64px;
+  margin-right: 170px;
   margin-left: 64px;
   overflow: hidden;
   font-size: 14px;

site/src/theme/static/responsive.less

@@ -17,6 +17,10 @@
     padding-right: 48px;
     padding-left: 48px;
   }
+  .prev-next-nav {
+    margin-right: 48px;
+    margin-left: 48px;
+  }
   .code-boxes-col-2-1,
   .code-boxes-col-1-1 {
     float: none;