From de97f81730193d014d68cae4c92c0cca2fe9a533 Mon Sep 17 00:00:00 2001 From: Dorbmon Date: Wed, 25 Dec 2024 11:54:40 +0800 Subject: [PATCH] gradient color --- app/components/home.module.scss | 21 +++++++++++++++++++++ app/components/sidebar.tsx | 14 ++++++-------- package.json | 4 ++-- yarn.lock | 13 ++++--------- 4 files changed, 33 insertions(+), 19 deletions(-) diff --git a/app/components/home.module.scss b/app/components/home.module.scss index 381b6a9b9..3f26e2638 100644 --- a/app/components/home.module.scss +++ b/app/components/home.module.scss @@ -347,3 +347,24 @@ .rtl-screen { direction: rtl; } +@keyframes gradientAnimation { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +.sidebar-title, +.sidebar-sub-title { + background: linear-gradient(270deg, #ff0000, #800080); + background-size: 200% 200%; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: gradientAnimation 5s ease infinite; +} diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx index ddc337280..b46446bdd 100644 --- a/app/components/sidebar.tsx +++ b/app/components/sidebar.tsx @@ -177,15 +177,13 @@ export function SideBarHeader(props: { })} data-tauri-drag-region > - -
-
- {title} -
-
{subTitle}
+
+
+ {title}
-
{logo}
-
+
{subTitle}
+
+
{logo}
{children} diff --git a/package.json b/package.json index e081567a4..1d8612e80 100644 --- a/package.json +++ b/package.json @@ -49,11 +49,11 @@ "remark-breaks": "^3.0.2", "remark-gfm": "^3.0.1", "remark-math": "^5.1.1", + "rt-client": "https://github.com/Azure-Samples/aoai-realtime-audio-sdk/releases/download/js/v0.5.0/rt-client-0.5.0.tgz", "sass": "^1.59.2", "spark-md5": "^3.0.2", "use-debounce": "^9.0.4", - "zustand": "^4.3.8", - "rt-client": "https://github.com/Azure-Samples/aoai-realtime-audio-sdk/releases/download/js/v0.5.0/rt-client-0.5.0.tgz" + "zustand": "^4.3.8" }, "devDependencies": { "@tauri-apps/api": "^1.6.0", diff --git a/yarn.lock b/yarn.lock index dffc35e9c..004dbf893 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3062,15 +3062,10 @@ camelcase@^6.2.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a" integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA== -caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001503, caniuse-lite@^1.0.30001579: - version "1.0.30001617" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001617.tgz#809bc25f3f5027ceb33142a7d6c40759d7a901eb" - integrity sha512-mLyjzNI9I+Pix8zwcrpxEbGlfqOkF9kM3ptzmKNw5tizSyYwMe+nGLTqMK9cO+0E+Bh6TsBxNAaHWEM8xwSsmA== - -caniuse-lite@^1.0.30001646: - version "1.0.30001649" - resolved "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001649.tgz#3ec700309ca0da2b0d3d5fb03c411b191761c992" - integrity sha512-fJegqZZ0ZX8HOWr6rcafGr72+xcgJKI9oWfDW5DrD7ExUtgZC7a7R7ZYmZqplh7XDocFdGeIFn7roAxhOeYrPQ== +caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001503, caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001646: + version "1.0.30001690" + resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz" + integrity sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w== ccount@^2.0.0: version "2.0.1"