nanxun/live_recorder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: refine dark mode and table scrolling

Browse Source
This commit is contained in:
nanxun
2026-04-29 18:50:42 +08:00
parent 8132466c5d
commit d59deb78ae
4 changed files with 327 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/layout/MainLayout.vue
+2 -11
View File
@@ -388,15 +388,10 @@ async function handleLogout() {
overflow-y: auto;
padding: 20px 16px;
border-right: 1px solid var(--border-subtle);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.16));
background: var(--sidebar-shell-bg);
backdrop-filter: blur(18px);
}
:global(html[data-theme="dark"]) .app-sidebar {
background: var(--bg-subtle);
border-right-color: var(--border-base);
}
:global(html[data-theme="dark"]) .app-nav-menu :deep(.el-menu-item.is-active) {
background: linear-gradient(180deg, rgba(91, 168, 255, 0.18), rgba(91, 168, 255, 0.1));
box-shadow: inset 0 0 0 1px rgba(91, 168, 255, 0.2);
@@ -671,15 +666,11 @@ async function handleLogout() {
padding: 18px 20px;
border-radius: 10px;
border: 1px solid var(--border-subtle);
background: rgba(255, 255, 255, 0.56);
background: var(--topbar-shell-bg);
backdrop-filter: blur(16px);
box-shadow: var(--shadow-soft);
}
:global(html[data-theme="dark"]) .app-topbar__main {
background: rgba(15, 27, 41, 0.78);
}
.app-topbar__lead {
display: flex;
align-items: flex-start;