fix:脚本文件标签栏

This commit is contained in:
xiaozhu
2026-08-04 15:53:17 +08:00
parent eace1109ac
commit a4019b1a74
3 changed files with 199 additions and 28 deletions
+64 -3
View File
@@ -822,20 +822,81 @@ button {
align-items: stretch;
border-bottom: 1px solid #e5ebf1;
background: #f7f9fb;
overflow: hidden;
position: relative;
}
.tabbar-scroll-content {
display: flex;
flex: 1;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
}
.tabbar-scroll-content::-webkit-scrollbar {
height: 6px;
}
.tabbar-scroll-content::-webkit-scrollbar-track {
background: #f1f3f5;
}
.tabbar-scroll-content::-webkit-scrollbar-thumb {
background: #c9d6e4;
border-radius: 3px;
}
.tabbar-scroll-content::-webkit-scrollbar-thumb:hover {
background: #a8b9ca;
}
.tabbar-scroll-btn {
display: grid;
width: 28px;
flex: 0 0 auto;
place-items: center;
border: 0;
border-right: 1px solid #e4eaf0;
color: #6b7c8f;
background: #f7f9fb;
cursor: pointer;
z-index: 1;
transition: background 0.15s ease;
}
.tabbar-scroll-btn--right {
border-right: 0;
border-left: 1px solid #e4eaf0;
}
.tabbar-scroll-btn:hover {
background: #edf1f5;
color: #3d4c5c;
}
.tabbar-scroll-btn--left {
transform: rotate(180deg);
}
.editor-tab {
position: relative;
display: flex;
min-width: 190px;
min-width: 100px;
max-width: 290px;
align-items: center;
gap: 8px;
padding: 0 11px;
gap: 6px;
padding: 0 6px;
border-right: 1px solid #e4eaf0;
color: #4b5c70;
background: #fff;
cursor: pointer;
font-size: 12px;
flex-shrink: 0;
}
.editor-tab:hover {
background: #f0f4f8;
}
.editor-tab--active::before {