GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-07 00:36:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 优化日志视图样式，添加边框和阴影，提升视觉效果

Browse Source
This commit is contained in:
jxxghp
2026-06-07 22:03:05 +08:00
parent 89cf7070bb
commit 4362bbed42
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/system/LoggingView.vue
+12
View File
@@ -664,12 +664,16 @@ onUnmounted(() => {
--logging-shell-bg: rgba(var(--v-theme-surface), 0.72); --logging-shell-bg: rgba(var(--v-theme-surface), 0.72);
--logging-record-bg-even: rgba(var(--v-theme-on-surface), 0.02); --logging-record-bg-even: rgba(var(--v-theme-on-surface), 0.02);
--logging-record-bg-odd: rgba(var(--v-theme-on-surface), 0.008); --logging-record-bg-odd: rgba(var(--v-theme-on-surface), 0.008);
--logging-border: rgba(var(--v-theme-on-surface), 0.12);
--logging-shadow: inset 0 1px 0 rgba(255, 255, 255, 4%);
} }
.logging-view.is-transparent-theme { .logging-view.is-transparent-theme {
--logging-shell-bg: transparent; --logging-shell-bg: transparent;
--logging-record-bg-even: transparent; --logging-record-bg-even: transparent;
--logging-record-bg-odd: transparent; --logging-record-bg-odd: transparent;
--logging-border: rgba(var(--v-theme-on-surface), 0.1);
--logging-shadow: none;
} }
.logging-toolbar { .logging-toolbar {
@@ -732,7 +736,9 @@ onUnmounted(() => {
overflow: auto; overflow: auto;
flex: 1 1 auto; flex: 1 1 auto;
padding: 0.875rem; padding: 0.875rem;
border: 1px solid var(--logging-border);
background: linear-gradient(180deg, var(--logging-shell-bg), rgba(var(--v-theme-surface), 0.9)); background: linear-gradient(180deg, var(--logging-shell-bg), rgba(var(--v-theme-surface), 0.9));
box-shadow: var(--logging-shadow);
} }
.logging-view.is-transparent-theme .logging-shell { .logging-view.is-transparent-theme .logging-shell {
@@ -808,6 +814,8 @@ onUnmounted(() => {
.logging-record-panel { .logging-record-panel {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
border: 1px solid rgba(var(--v-theme-on-surface), 0.04);
border-radius: var(--app-surface-radius);
gap: 0.75rem; gap: 0.75rem;
min-inline-size: 0; min-inline-size: 0;
padding-block: 0.5rem; padding-block: 0.5rem;
@@ -822,6 +830,10 @@ onUnmounted(() => {
background: var(--logging-record-bg-odd); background: var(--logging-record-bg-odd);
} }
.logging-view.is-dark-theme .logging-record-panel {
border-color: rgba(var(--v-theme-on-surface), 0.08);
}
.logging-record-accent { .logging-record-accent {
flex: 0 0 auto; flex: 0 0 auto;
align-self: flex-start; align-self: flex-start;