增加顶部标签栏左右滚动控制

src/layouts/WorkspaceTabs.css

@@ -33,6 +33,15 @@
   height: 100%;
 }
 
+.workspace-tabs__rail {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: flex-end;
+  min-width: 0;
+  height: 100%;
+  overflow: hidden;
+}
+
 .workspace-tabs__track {
   display: flex;
   flex: 1 1 auto;
@@ -41,6 +50,8 @@
   height: 100%;
   overflow-x: auto;
   overflow-y: hidden;
+  overscroll-behavior-x: contain;
+  scroll-behavior: smooth;
   scrollbar-width: none;
 }
 
@@ -85,6 +96,7 @@
 
 .workspace-tab__main,
 .workspace-tab__close,
+.workspace-tabs__scroll,
 .workspace-tabs__more,
 .workspace-tabs__theme,
 .workspace-tabs__logout,
@@ -131,6 +143,7 @@
 
 .workspace-tab__main:focus-visible,
 .workspace-tab__close:focus-visible,
+.workspace-tabs__scroll:focus-visible,
 .workspace-tabs__more:focus-visible,
 .workspace-tabs__theme:focus-visible,
 .workspace-tabs__logout:focus-visible,
@@ -139,6 +152,29 @@
   outline-offset: -2px;
 }
 
+.workspace-tabs__scroll {
+  display: inline-flex;
+  flex: 0 0 28px;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 32px;
+  margin-bottom: 4px;
+  border-radius: 4px;
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+}
+
+.workspace-tabs__scroll:not(:disabled):hover {
+  color: var(--ant-color-primary);
+  background: var(--ant-color-fill-tertiary);
+}
+
+.workspace-tabs__scroll:disabled {
+  cursor: default;
+  opacity: 0.28;
+}
+
 .workspace-tabs__more,
 .workspace-tabs__theme,
 .workspace-tabs__logout {