fxz/RuoYi-Vue3-Mirror
1
0
Fork 0
mirror of https://gitcode.com/yangzongzhuan/RuoYi-Vue3.git synced 2026-05-23 03:18:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

新增标签页样式chrome风格

Browse Source
This commit is contained in:
RuoYi
2026-04-12 21:49:47 +08:00
parent be6302e641
commit 47656d5050
5 changed files with 192 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/styles/variables.module.scss
+26
View File
@@ -193,6 +193,32 @@ html.dark {
}
}
/* 页签样式覆盖 */
.navbar {
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.08);
}
.tags-view-container {
&.tags-view-container--chrome {
--chrome-strip-bg: var(--el-bg-color);
--chrome-strip-border: var(--el-border-color);
--chrome-tab-active-bg: var(--el-color-primary-light-9);
--chrome-tab-text: var(--el-text-color-secondary);
--chrome-tab-text-active: var(--el-color-primary);
.tags-view-wrapper .tags-view-item:not(.active) + .tags-view-item:not(.active) {
border-left-color: var(--el-border-color);
}
.tags-view-wrapper .tags-view-item {
&:hover:not(.active) {
background: var(--el-fill-color, #303030) !important;
color: var(--el-text-color-primary);
}
&.active {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
}
}
}
/* 分割窗格覆盖 */
.tree-sidebar-manage-wrap {
.tree-sidebar-content {