From 24bd5511c29722b70d9b9b0deeedd0946b0733b2 Mon Sep 17 00:00:00 2001 From: Thek28 tk <774375115@qq.com> Date: Tue, 11 Apr 2023 04:51:03 +0000 Subject: [PATCH] =?UTF-8?q?=E7=BE=8E=E5=8C=96=E6=A0=B7=E5=BC=8F0411-1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/components/home.module.scss | 75 +++++++++++++++++++++++++++++++-- app/components/window.scss | 21 ++++++++- 2 files changed, 91 insertions(+), 5 deletions(-) diff --git a/app/components/home.module.scss b/app/components/home.module.scss index 3b2ddf7b8..5dbdbb8dd 100644 --- a/app/components/home.module.scss +++ b/app/components/home.module.scss @@ -51,6 +51,24 @@ box-shadow: inset -2px 0px 2px 0px rgb(0, 0, 0, 0.05); position: relative; transition: width ease 0.1s; + //下面新加的 + background-image: var(--accent-gradient); + //-webkit-background-clip: text; + //-webkit-text-fill-color: #e50d0d00; + background-size: 113%; + background-position: 0%; + --accent-gradient: var(--theme-purple); + --accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% ); + //border-radius: 10px; + margin-bottom: 10px; + box-shadow: var(--card-shadow); + transition: background-color 0.3s ease; + //cursor: pointer; + user-select: none; + //border: 1px solid transparent; + position: relative; + overflow: hidden; + } .sidebar-drag { @@ -126,6 +144,23 @@ .sidebar-title { font-size: 20px; font-weight: bold; + //下面新加的 + background-image: var(--accent-gradient); + --webkit-background-clip: text; + //--webkit-text-fill-color: #e50d0d00; + //background-size: 113%; + //background-position: 0%; + --accent-gradient: var(--theme-purple); + --accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% ); + border-radius: 10px; + margin-bottom: 10px; + box-shadow: var(--card-shadow); + //transition: background-color 0.3s ease; + //cursor: pointer; + //user-select: none; + //border: 1px solid transparent; + position: relative; + overflow: hidden; } .sidebar-sub-title { @@ -143,14 +178,31 @@ .chat-item { padding: 10px 14px; - background-color: #0808084f; + //background-color: #0808084f; border-radius: 10px; margin-bottom: 10px; box-shadow: var(--card-shadow); transition: background-color 0.3s ease; cursor: pointer; user-select: none; - border: 2px solid transparent; + //border: 2px solid transparent; + position: relative; + overflow: hidden; + //下面新加的 + background-image: var(--accent-gradient); + //-webkit-background-clip: text; + //-webkit-text-fill-color: #e50d0d00; + background-size: 113%; + background-position: 0%; + --accent-gradient: var(--theme-purple); + --accent-gradient: linear-gradient( 45deg, rgba(124, 58, 237, .8), rgba(218, 98, 196, .8) 40%, rgb(44, 223, 217) 97% ); + //border-radius: 10px; + margin-bottom: 10px; + box-shadow: var(--card-shadow); + transition: background-color 0.3s ease; + //cursor: pointer; + //user-select: none; + //border: 1px solid transparent; position: relative; overflow: hidden; } @@ -299,13 +351,30 @@ max-width: 100%; margin-top: 10px; border-radius: 10px; - background-color: rgb(230, 96, 152); + //background-color: rgb(230, 96, 152); padding: 10px; font-size: 14px; user-select: text; word-break: break-word; border: rgb(63 206 146); position: relative; + //下面新加的 + background-image: var(--accent-gradient); + //-webkit-background-clip: text; + //-webkit-text-fill-color: #e50d0d00; + background-size: 113%; + background-position: 0%; + --accent-gradient: var(--theme-purple); + --accent-gradient: linear-gradient( 45deg, rgba(34, 226, 50, 0.8), rgba(215, 228, 65, 0.8) 30%, rgb(238, 168, 237) 60% ); + //border-radius: 10px; + margin-bottom: 10px; + box-shadow: var(--card-shadow); + transition: background-color 0.3s ease; + //cursor: pointer; + user-select: none; + //border: 1px solid transparent; + position: relative; + overflow: hidden; } .chat-message-top-actions { diff --git a/app/components/window.scss b/app/components/window.scss index c8ee0f889..d98aa0a6e 100644 --- a/app/components/window.scss +++ b/app/components/window.scss @@ -6,7 +6,24 @@ display: flex; justify-content: space-between; align-items: center; - background-color:#0bc398; + //background-color:#0bc398; + //下面新加的 + background-image: var(--accent-gradient); + //-webkit-background-clip: text; + //-webkit-text-fill-color: #e50d0d00; + background-size: 113%; + background-position: 0%; + --accent-gradient: var(--theme-purple); + --accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% ); + //border-radius: 10px; + margin-bottom: 10px; + box-shadow: var(--card-shadow); + transition: background-color 0.3s ease; + //cursor: pointer; + user-select: none; + //border: 1px solid transparent; + position: relative; + overflow: hidden; } .window-header-title { @@ -20,7 +37,7 @@ text-overflow: ellipsis; white-space: nowrap; display: block; - max-width: 50vw; + max-width: 50vw; } .window-header-sub-title {