xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-11-17 14:33:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

gradient color

Browse Source
This commit is contained in:
Dorbmon
2024-12-25 11:54:40 +08:00
parent 36c439ec6b
commit de97f81730
4 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/components/home.module.scss
View File

@@ -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;
}

14
app/components/sidebar.tsx
View File

@@ -177,15 +177,13 @@ export function SideBarHeader(props: {
})}
data-tauri-drag-region
>
<a href="https://lzy4j.cc">
<div className={styles["sidebar-title-container"]}>
<div className={styles["sidebar-title"]} data-tauri-drag-region>
{title}
</div>
<div className={styles["sidebar-sub-title"]}>{subTitle}</div>
<div className={styles["sidebar-title-container"]}>
<div className={styles["sidebar-title"]} data-tauri-drag-region>
{title}
</div>
<div className={clsx(styles["sidebar-logo"], "no-dark")}>{logo}</div>
</a>
<div className={styles["sidebar-sub-title"]}>{subTitle}</div>
</div>
<div className={clsx(styles["sidebar-logo"], "no-dark")}>{logo}</div>
</div>
{children}
</Fragment>