From 293f30bd87051995f59fe69645b0f774a7922793 Mon Sep 17 00:00:00 2001 From: jdysya <1912377458@qq.com> Date: Mon, 17 Feb 2025 00:21:40 +0800 Subject: [PATCH] =?UTF-8?q?style(userInfo):=20=E6=9B=B4=E6=96=B0=20UserInf?= =?UTF-8?q?o=20=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 修改背景色、文本颜色等样式,以适应新的设计主题 - 优化部分样式以提升视觉效果和用户体验 --- doc/src/.vuepress/components/UserInfo.vue | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/doc/src/.vuepress/components/UserInfo.vue b/doc/src/.vuepress/components/UserInfo.vue index abd8766..2e49ee7 100644 --- a/doc/src/.vuepress/components/UserInfo.vue +++ b/doc/src/.vuepress/components/UserInfo.vue @@ -72,8 +72,7 @@ onUnmounted(() => { width: 32px; height: 32px; border-radius: 50%; - background: var(--c-brand); - /* color: white; */ + background: var(--vp-c-bg); display: flex; align-items: center; justify-content: center; @@ -95,7 +94,7 @@ onUnmounted(() => { position: fixed; top: 50px; right: 20px; - background: var(--c-bg); + background: var(--vp-c-bg); border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); padding: 1rem; @@ -110,7 +109,7 @@ onUnmounted(() => { right: 10px; width: 12px; height: 12px; - background: var(--c-bg); + background: var(--vp-c-bg); transform: rotate(45deg); box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.04); } @@ -128,13 +127,13 @@ onUnmounted(() => { align-items: center; gap: 0.8rem; padding-bottom: 0.8rem; - border-bottom: 1px solid var(--c-border); + border-bottom: 1px solid var(--vp-c-divider); } .user-avatar { width: 24px; height: 24px; - color: var(--c-text-lighter); + color: var(--vp-c-text-2); } .logout-icon { @@ -144,7 +143,7 @@ onUnmounted(() => { .fullname { font-size: 0.9rem; - color: var(--c-text); + color: var(--vp-c-text-1); } .logout-btn { @@ -153,13 +152,13 @@ onUnmounted(() => { gap: 0.5rem; padding: 0.5rem; border-radius: 4px; - color: var(--c-text); + color: var(--vp-c-text-1); text-decoration: none; transition: all 0.2s; } .logout-btn:hover { - background: var(--c-brand-light); + background: var(--vp-c-brand); color: white; } \ No newline at end of file