From 18a9b42eec8b126e5af740675ece8bbad0fdb77e Mon Sep 17 00:00:00 2001 From: rohow Date: Fri, 30 Jan 2026 23:36:21 +0800 Subject: [PATCH] style(header-dividing): adjust dividing line position and background for improved appearance chore(release): bump version to 1.2.5 in theme.yaml --- src/styles/header-dividing.scss | 12 ++++-------- theme.yaml | 2 +- 2 files changed, 5 insertions(+), 9 deletions(-) diff --git a/src/styles/header-dividing.scss b/src/styles/header-dividing.scss index 6a59fb9..20d82f4 100644 --- a/src/styles/header-dividing.scss +++ b/src/styles/header-dividing.scss @@ -53,7 +53,7 @@ &::after { content: ''; position: absolute; - left: -30%; + left: -10%; top: 50%; transform: translateY(-50%); width: 30%; @@ -81,24 +81,20 @@ z-index: 100; --dash-spacing: 6px; --dash-width: 2px; - background: var(--background); + background-color: color-mix(in srgb, var(--background) 30%, transparent); opacity: 0.8; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); - /* 进入动画:透明度由0到1,宽度由中间到100% */ + /* 进入动画:透明度由0到1 */ animation: sticky-in 0.5s ease-in-out forwards; opacity: 1; &::before { - animation: line-flow 1.5s linear infinite; - mask-image: none; - -webkit-mask-image: none; top: calc(50% - 1px); height: 2px; } &::after { - animation: scan-line 2.5s ease-in-out infinite; opacity: 0.6; filter: blur(3px); // 调整扫描线高度以适应 5px 容器 @@ -121,7 +117,7 @@ // 扫描线动画 - 模拟终端扫描效果 @keyframes scan-line { 0% { - left: -20%; + left: -10%; opacity: 0; } 30% { diff --git a/theme.yaml b/theme.yaml index 049790c..78eb4dc 100644 --- a/theme.yaml +++ b/theme.yaml @@ -13,5 +13,5 @@ spec: repo: https://git.dev.cm/theme-terminal settingName: "theme-terminal-setting" configMapName: "theme-terminal-configMap" - version: 1.2.3 + version: 1.2.5 require: ">=2.22.0"