feat: 添加固定顶部导航和右侧面板粘性效果

Signed-off-by: wangsimiao1 <wangsimiao1@xiaomi.com>

Author: WangSimiao2000

_sass/base/_base.scss

@@ -500,7 +500,7 @@ body {
 
 #main-wrapper {
   position: relative;
-  overflow: hidden;
+  overflow: clip;
 
   @include mx.pl-pr(0);
 

_sass/layout/_panel.scss

@@ -3,14 +3,10 @@
 @use '../abstracts/placeholders';
 
 .access {
-  top: 2rem;
-  transition: top 0.2s cubic-bezier(0.22, 1, 0.36, 1);
+  top: 3rem;
   margin-top: 3rem;
-
-  &:only-child {
-    position: -webkit-sticky;
-    position: sticky;
-  }
+  position: -webkit-sticky;
+  position: sticky;
 
   > section {
     @extend %panel-border;

_sass/layout/_topbar.scss

@@ -6,6 +6,10 @@
 #topbar-wrapper {
   height: v.$topbar-height;
   background-color: var(--topbar-bg);
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1030;
 
   @include bp.lt(bp.get(lg)) {
     @include mx.slide(top 0.25s cubic-bezier(0.22, 1, 0.36, 1));

_sass/themes/_dark.scss

@@ -44,7 +44,7 @@
   --avatar-border-color: rgb(200 193 185 / 80%);
 
   /* Topbar */
-  --topbar-bg: rgb(30 29 27 / 64%);
+  --topbar-bg: rgb(30 29 27 / 100%);
   --topbar-text-color: var(--text-color);
   --search-border-color: #3A3632;
   --search-icon-color: #6A6560;

_sass/themes/_light.scss

@@ -41,7 +41,7 @@
   --avatar-border-color: #F5F0EB;
 
   /* Topbar */
-  --topbar-bg: rgb(245 240 235 / 70%);
+  --topbar-bg: rgb(245 240 235 / 100%);
   --topbar-text-color: #5A5A5A;
   --search-border-color: #E0D8D0;
   --search-icon-color: #B8B0A8;