From 6f3331d462dc46b2651480f106af8ac3a215f493 Mon Sep 17 00:00:00 2001 From: lobehubbot Date: Tue, 7 Jan 2025 16:36:57 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs(bot):=20Auto=20sync=20agent?= =?UTF-8?q?s=20&=20plugin=20to=20readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- changelog/v1.json | 7 +++++++ src/app/(main)/changelog/features/VersionTag.tsx | 3 +-- .../features/ChatList/ChatItem/Thread.tsx | 2 +- .../features/ChatList/ChatItem/ThreadItem.tsx | 3 +-- .../features/ChatList/ChatItem/index.tsx | 1 - .../WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx | 2 +- .../WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx | 2 +- .../@conversation/features/ZenModeToast/Toast.tsx | 2 +- .../features/TopicListContent/ThreadItem/index.tsx | 2 -- .../features/TopicListContent/TopicItem/index.tsx | 1 - .../SessionListContent/CollapseGroup/index.tsx | 2 +- src/app/(main)/chat/features/Migration/Start.tsx | 2 +- .../[slug]/features/ConversationExample/TopicList.tsx | 7 ++++--- .../(detail)/assistant/[slug]/features/Header.tsx | 2 +- .../(main)/discover/(detail)/features/ShareButton.tsx | 3 ++- .../(detail)/model/[...slugs]/features/Header.tsx | 2 +- .../(detail)/plugin/[slug]/features/Header.tsx | 2 +- .../(detail)/provider/[slug]/features/Header.tsx | 2 +- .../(main)/discover/(list)/_layout/Desktop/Nav.tsx | 1 - .../discover/(list)/assistants/features/Card.tsx | 2 +- .../(main)/discover/(list)/models/features/Card.tsx | 2 +- .../(main)/discover/(list)/plugins/features/Card.tsx | 2 +- .../discover/(list)/providers/features/Card.tsx | 2 +- .../(main)/discover/components/GridLoadingCard.tsx | 3 ++- src/app/(main)/discover/components/Title.tsx | 2 +- .../@menu/features/KnowledgeBase/EmptyStatus.tsx | 2 +- .../@menu/features/KnowledgeBase/Item/index.tsx | 1 - .../(content)/@modal/(.)[id]/FullscreenModal.tsx | 4 ++-- src/app/(main)/files/(content)/NotSupportClient.tsx | 4 ++-- src/app/(main)/profile/_layout/Desktop/SideBar.tsx | 2 +- .../profile/stats/features/ShareButton/Preview.tsx | 10 +++++----- .../(main)/repos/[id]/evals/components/Container.tsx | 2 +- .../repos/[id]/evals/dataset/DatasetList/Item.tsx | 1 - src/app/(main)/settings/_layout/Desktop/SideBar.tsx | 2 +- src/app/(main)/settings/about/features/ItemCard.tsx | 6 +++--- src/app/(main)/settings/about/features/Version.tsx | 2 +- .../settings/llm/components/ProviderConfig/index.tsx | 3 ++- .../llm/components/ProviderModelList/ModelFetcher.tsx | 1 - .../settings/provider/(list)/ProviderGrid/Card.tsx | 2 +- .../settings/provider/(list)/ProviderGrid/index.tsx | 2 +- .../(main)/settings/provider/ProviderMenu/Item.tsx | 3 +-- .../provider/features/ModelList/EmptyModels.tsx | 4 ++-- .../provider/features/ProviderConfig/index.tsx | 3 ++- .../(main)/settings/sync/features/DeviceInfo/Card.tsx | 2 +- .../settings/sync/features/DeviceInfo/index.tsx | 2 +- .../@modal/(.)changelog/modal/features/ReadDetail.tsx | 2 +- .../@modal/(.)changelog/modal/features/VersionTag.tsx | 3 +-- src/app/@modal/(.)changelog/modal/layout.tsx | 2 +- src/components/Cell/index.tsx | 2 +- src/components/DragUpload/index.tsx | 5 ++--- src/components/FeatureList/index.tsx | 2 +- src/components/FileParsingStatus/EmbeddingStatus.tsx | 2 +- src/components/FileParsingStatus/index.tsx | 2 +- src/components/FunctionModal/style.tsx | 4 ++-- src/components/GoBack/index.tsx | 3 +-- src/components/HotKeys/index.tsx | 2 +- src/components/Menu/index.tsx | 2 +- src/components/ModelSelect/index.tsx | 5 ++--- src/components/Notification/index.tsx | 3 ++- src/components/StatisticCard/index.tsx | 11 +++++------ src/features/AgentSetting/AgentPrompt/index.tsx | 4 ++-- .../ChatInput/Desktop/FilePreview/FileItem/index.tsx | 5 +++-- .../ChatInput/Desktop/FilePreview/FileList.tsx | 4 ++-- src/features/ChatInput/Mobile/Files/FileItem/File.tsx | 4 ++-- src/features/ChatInput/Mobile/InputArea/index.tsx | 2 +- src/features/ChatInput/STT/common.tsx | 2 +- src/features/Conversation/Error/style.tsx | 4 ++-- .../Messages/Assistant/FileChunks/Item/style.ts | 4 ++-- .../Messages/Assistant/FileChunks/index.tsx | 2 +- .../Assistant/ToolCallItem/Inspector/style.ts | 5 ++--- .../Messages/Assistant/ToolCallItem/style.ts | 5 ++--- .../Messages/User/FileListViewer/Item.tsx | 1 - .../Conversation/components/BackBottom/style.ts | 4 ++-- .../MarkdownElements/LobeArtifact/Render/Icon.tsx | 5 ++--- .../MarkdownElements/LobeArtifact/Render/index.tsx | 6 +++--- .../MarkdownElements/LobeThinking/Render.tsx | 2 +- src/features/Conversation/components/OTPInput.tsx | 4 ++-- src/features/DataImporter/Loading.tsx | 2 +- src/features/FileManager/FileList/EmptyStatus.tsx | 2 +- src/features/FileManager/FileList/index.tsx | 2 +- src/features/FileManager/UploadDock/Item.tsx | 2 +- src/features/FileManager/UploadDock/index.tsx | 8 ++++---- src/features/FileViewer/NotSupport/index.tsx | 2 +- src/features/FileViewer/Renderer/MSDoc/index.tsx | 1 - src/features/FileViewer/Renderer/TXT/index.tsx | 2 +- src/features/InitClientDB/EnableModal.tsx | 2 +- src/features/InitClientDB/ErrorResult.tsx | 2 +- src/features/InitClientDB/InitIndicator.tsx | 2 +- .../AddFilesToKnowledgeBase/SelectForm.tsx | 1 - src/features/PluginsUI/Render/Loading.tsx | 1 - src/features/Portal/Home/Body/Files/FileList/Item.tsx | 2 +- .../Home/Body/Plugins/ArtifactList/Item/style.ts | 3 +-- src/features/ShareModal/ShareImage/style.ts | 4 ++-- src/features/ShareModal/style.ts | 4 ++-- src/features/User/DataStatistics.tsx | 2 +- src/layout/AuthProvider/Clerk/useAppearance.ts | 6 +++--- src/layout/GlobalProvider/AppTheme.tsx | 2 +- src/styles/global.ts | 2 +- 98 files changed, 138 insertions(+), 148 deletions(-) diff --git a/changelog/v1.json b/changelog/v1.json index 7fb1e8b1e9294..a326177cad35f 100644 --- a/changelog/v1.json +++ b/changelog/v1.json @@ -1,4 +1,11 @@ [ + { + "children": { + "features": ["Brand new AI provider."] + }, + "date": "2025-01-07", + "version": "1.44.0" + }, { "children": { "fixes": ["Fix portal suspense error when first open."] diff --git a/src/app/(main)/changelog/features/VersionTag.tsx b/src/app/(main)/changelog/features/VersionTag.tsx index 1327e3620e60e..5c7e2026586aa 100644 --- a/src/app/(main)/changelog/features/VersionTag.tsx +++ b/src/app/(main)/changelog/features/VersionTag.tsx @@ -10,10 +10,9 @@ const useStyles = createStyles(({ token, css }) => { margin: 0; padding-block: 4px; padding-inline: 12px; + border-radius: 16px; color: ${token.colorTextSecondary}; - - border-radius: 16px; `, }; }); diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx index 3d38cdc6aac1c..71d5ec96f0722 100644 --- a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx +++ b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx @@ -16,9 +16,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ padding-block: 8px 4px; padding-inline: 4px; + border-radius: 6px; background: ${isDarkMode ? token.colorFillTertiary : token.colorFillQuaternary}; - border-radius: 6px; `, })); diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx index c14ec925c8c46..7ca82ff5ac5e3 100644 --- a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx +++ b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx @@ -20,11 +20,10 @@ const useStyles = createStyles(({ css, token }) => ({ padding-block: 4px; padding-inline: 6px; + border-radius: 6px; font-size: 12px; - border-radius: 6px; - &:hover { background: ${token.colorFillTertiary}; } diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx index 1079f89c9e8d4..cc0c63eed93ec 100644 --- a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx +++ b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx @@ -29,7 +29,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => { inset-block: 56px 50px; width: 32px; - border-block-end: 2px solid ${borderColor}; } `, diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx index 1ae5328afb1e5..78fd1728bb0f6 100644 --- a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx +++ b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx @@ -27,11 +27,11 @@ const useStyles = createStyles(({ css, token, responsive }) => ({ height: 100%; min-height: 110px; padding: 16px; + border-radius: ${token.borderRadius}px; color: ${token.colorText}; background: ${token.colorBgContainer}; - border-radius: ${token.borderRadius}px; &:hover { background: ${token.colorBgElevated}; diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx index 399a8750dd2f8..8564b5ea7172d 100644 --- a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx +++ b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx @@ -20,11 +20,11 @@ const useStyles = createStyles(({ css, token, responsive }) => ({ padding-block: 12px; padding-inline: 24px; + border-radius: 48px; color: ${token.colorText}; background: ${token.colorBgContainer}; - border-radius: 48px; &:hover { background: ${token.colorBgElevated}; diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ZenModeToast/Toast.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ZenModeToast/Toast.tsx index 0c01952e85169..d3cb7dcb705de 100644 --- a/src/app/(main)/chat/(workspace)/@conversation/features/ZenModeToast/Toast.tsx +++ b/src/app/(main)/chat/(workspace)/@conversation/features/ZenModeToast/Toast.tsx @@ -51,9 +51,9 @@ const useStyles = createStyles(({ css, token }) => ({ padding-block: 12px; padding-inline: 16px; + border-radius: 9999px; background: ${token.colorText}; - border-radius: 9999px; box-shadow: ${token.boxShadowSecondary}; `, })); diff --git a/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ThreadItem/index.tsx b/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ThreadItem/index.tsx index cfe555b1953d1..8c144580bcdf1 100644 --- a/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ThreadItem/index.tsx +++ b/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ThreadItem/index.tsx @@ -27,7 +27,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }, index: number) => ({ inset-inline-start: 26px; width: 18px; - border-block-end: 2px solid ${token.colorBorderSecondary}; border-inline-start: 2px solid ${token.colorBorderSecondary}; border-end-start-radius: 8px; @@ -47,7 +46,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }, index: number) => ({ margin-block: 2px; padding-block: 4px; padding-inline: 8px; - border-radius: ${token.borderRadius}px; &:hover { diff --git a/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicItem/index.tsx b/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicItem/index.tsx index 03056ed33524f..acdc767898723 100644 --- a/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicItem/index.tsx +++ b/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicItem/index.tsx @@ -25,7 +25,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ margin-block: 2px; margin-inline: 8px; padding: 8px; - border-radius: ${token.borderRadius}px; &.topic-item { diff --git a/src/app/(main)/chat/@session/features/SessionListContent/CollapseGroup/index.tsx b/src/app/(main)/chat/@session/features/SessionListContent/CollapseGroup/index.tsx index 80a79ee25c228..6a2cefbb2be2f 100644 --- a/src/app/(main)/chat/@session/features/SessionListContent/CollapseGroup/index.tsx +++ b/src/app/(main)/chat/@session/features/SessionListContent/CollapseGroup/index.tsx @@ -8,8 +8,8 @@ const useStyles = createStyles(({ css, prefixCls, token, responsive }) => ({ container: css` .${prefixCls}-collapse-header { padding-inline: 16px 10px !important; - color: ${token.colorTextDescription} !important; border-radius: ${token.borderRadius}px !important; + color: ${token.colorTextDescription} !important; ${responsive.mobile} { border-radius: 0 !important; diff --git a/src/app/(main)/chat/features/Migration/Start.tsx b/src/app/(main)/chat/features/Migration/Start.tsx index 0eff25b1f6bf9..c018746e03f79 100644 --- a/src/app/(main)/chat/features/Migration/Start.tsx +++ b/src/app/(main)/chat/features/Migration/Start.tsx @@ -31,8 +31,8 @@ const useStyles = createStyles(({ css, token, isDarkMode, responsive }) => ({ iconCtn: css` width: 72px; height: 72px; - background: ${isDarkMode ? token.blue1 : token.geekblue1}; border-radius: 50%; + background: ${isDarkMode ? token.blue1 : token.geekblue1}; `, intro: css` ${responsive.mobile} { diff --git a/src/app/(main)/discover/(detail)/assistant/[slug]/features/ConversationExample/TopicList.tsx b/src/app/(main)/discover/(detail)/assistant/[slug]/features/ConversationExample/TopicList.tsx index 8541dab54bf32..dde2f3d775e5f 100644 --- a/src/app/(main)/discover/(detail)/assistant/[slug]/features/ConversationExample/TopicList.tsx +++ b/src/app/(main)/discover/(detail)/assistant/[slug]/features/ConversationExample/TopicList.tsx @@ -6,8 +6,8 @@ import { ExampleTopic } from '@/types/discover'; const useStyles = createStyles(({ css, token }) => ({ active: css` - background: ${token.colorBgElevated}; border-inline-start: 4px solid ${token.colorFill}; + background: ${token.colorBgElevated}; box-shadow: 0 0 0 1px ${token.colorFillSecondary} inset; `, container: css` @@ -20,15 +20,16 @@ const useStyles = createStyles(({ css, token }) => ({ item: css` cursor: pointer; - background: ${token.colorFillTertiary}; border-inline-start: 4px solid transparent; border-radius: ${token.borderRadiusLG}px; + background: ${token.colorFillTertiary}; + transition: all 0.2s ${token.motionEaseInOut}; &:hover { - background: ${token.colorBgElevated}; border-inline-start: 4px solid ${token.colorFill}; + background: ${token.colorBgElevated}; box-shadow: 0 0 0 1px ${token.colorFillSecondary} inset; } `, diff --git a/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx b/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx index e26b2ece5599d..f3c26e3a27d0f 100644 --- a/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx +++ b/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx @@ -19,9 +19,9 @@ import Back from '../../../features/Back'; export const useStyles = createStyles(({ css, token }) => ({ tag: css` + border: none; color: ${token.colorTextSecondary}; background: ${token.colorFillSecondary}; - border: none; `, time: css` font-size: 12px; diff --git a/src/app/(main)/discover/(detail)/features/ShareButton.tsx b/src/app/(main)/discover/(detail)/features/ShareButton.tsx index 2a10574cdaacb..cdd53613b60b3 100644 --- a/src/app/(main)/discover/(detail)/features/ShareButton.tsx +++ b/src/app/(main)/discover/(detail)/features/ShareButton.tsx @@ -17,9 +17,10 @@ const useStyles = createStyles(({ css, token }) => { banner: css` overflow: hidden; - background: ${token.colorBgContainer}; border: 1px solid ${token.colorBorderSecondary}; border-radius: ${token.borderRadiusLG}px; + + background: ${token.colorBgContainer}; box-shadow: ${token.boxShadowTertiary}; `, copy: css` diff --git a/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx b/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx index c5cbab937ef7d..79b41a9860064 100644 --- a/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx +++ b/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx @@ -15,9 +15,9 @@ import Back from '../../../features/Back'; export const useStyles = createStyles(({ css, token }) => ({ tag: css` + border: none; color: ${token.colorTextSecondary}; background: ${token.colorFillSecondary}; - border: none; `, time: css` font-size: 12px; diff --git a/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx b/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx index 244d5737fd9ec..fd15bc0943617 100644 --- a/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx +++ b/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx @@ -18,9 +18,9 @@ import Back from '../../../features/Back'; export const useStyles = createStyles(({ css, token }) => ({ tag: css` + border: none; color: ${token.colorTextSecondary}; background: ${token.colorFillSecondary}; - border: none; `, time: css` font-size: 12px; diff --git a/src/app/(main)/discover/(detail)/provider/[slug]/features/Header.tsx b/src/app/(main)/discover/(detail)/provider/[slug]/features/Header.tsx index 497ee4755cfb0..d4d3096f13b2d 100644 --- a/src/app/(main)/discover/(detail)/provider/[slug]/features/Header.tsx +++ b/src/app/(main)/discover/(detail)/provider/[slug]/features/Header.tsx @@ -14,9 +14,9 @@ import Back from '../../../features/Back'; export const useStyles = createStyles(({ css, token }) => ({ tag: css` + border: none; color: ${token.colorTextSecondary}; background: ${token.colorFillSecondary}; - border: none; `, time: css` font-size: 12px; diff --git a/src/app/(main)/discover/(list)/_layout/Desktop/Nav.tsx b/src/app/(main)/discover/(list)/_layout/Desktop/Nav.tsx index 7053828d197a2..4a200540cf211 100644 --- a/src/app/(main)/discover/(list)/_layout/Desktop/Nav.tsx +++ b/src/app/(main)/discover/(list)/_layout/Desktop/Nav.tsx @@ -28,7 +28,6 @@ export const useStyles = createStyles(({ css, token }) => ({ height: auto; padding-block: 4px; - border-color: transparent; transition: all 0.3s ${token.motionEaseInOut}; diff --git a/src/app/(main)/discover/(list)/assistants/features/Card.tsx b/src/app/(main)/discover/(list)/assistants/features/Card.tsx index 3cdacdd70e678..612937d8b1121 100644 --- a/src/app/(main)/discover/(list)/assistants/features/Card.tsx +++ b/src/app/(main)/discover/(list)/assistants/features/Card.tsx @@ -34,9 +34,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ height: 100%; min-height: 162px; + border-radius: ${token.borderRadiusLG}px; background: ${token.colorBgContainer}; - border-radius: ${token.borderRadiusLG}px; box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary} inset; diff --git a/src/app/(main)/discover/(list)/models/features/Card.tsx b/src/app/(main)/discover/(list)/models/features/Card.tsx index 5b6702d4fd9d6..9a4ec618fd951 100644 --- a/src/app/(main)/discover/(list)/models/features/Card.tsx +++ b/src/app/(main)/discover/(list)/models/features/Card.tsx @@ -24,9 +24,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ height: 100%; min-height: 162px; + border-radius: ${token.borderRadiusLG}px; background: ${token.colorBgContainer}; - border-radius: ${token.borderRadiusLG}px; box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary} inset; diff --git a/src/app/(main)/discover/(list)/plugins/features/Card.tsx b/src/app/(main)/discover/(list)/plugins/features/Card.tsx index 3a4fba1c9de24..20faf1a6eb97d 100644 --- a/src/app/(main)/discover/(list)/plugins/features/Card.tsx +++ b/src/app/(main)/discover/(list)/plugins/features/Card.tsx @@ -33,9 +33,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ height: 100%; min-height: 162px; + border-radius: ${token.borderRadiusLG}px; background: ${token.colorBgContainer}; - border-radius: ${token.borderRadiusLG}px; box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary} inset; diff --git a/src/app/(main)/discover/(list)/providers/features/Card.tsx b/src/app/(main)/discover/(list)/providers/features/Card.tsx index 42a4b8b124cab..1673047dd3595 100644 --- a/src/app/(main)/discover/(list)/providers/features/Card.tsx +++ b/src/app/(main)/discover/(list)/providers/features/Card.tsx @@ -30,9 +30,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ height: 100%; min-height: 162px; + border-radius: ${token.borderRadiusLG}px; background: ${token.colorBgContainer}; - border-radius: ${token.borderRadiusLG}px; box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary} inset; diff --git a/src/app/(main)/discover/components/GridLoadingCard.tsx b/src/app/(main)/discover/components/GridLoadingCard.tsx index 2e256f785ff85..34f2d527b1f61 100644 --- a/src/app/(main)/discover/components/GridLoadingCard.tsx +++ b/src/app/(main)/discover/components/GridLoadingCard.tsx @@ -14,8 +14,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ overflow: hidden; - background: ${token.colorBgContainer}; border-radius: ${token.borderRadiusLG}px; + + background: ${token.colorBgContainer}; box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary} inset; diff --git a/src/app/(main)/discover/components/Title.tsx b/src/app/(main)/discover/components/Title.tsx index 2b443c73d1ad7..734617da30dfa 100644 --- a/src/app/(main)/discover/components/Title.tsx +++ b/src/app/(main)/discover/components/Title.tsx @@ -19,13 +19,13 @@ const useStyles = createStyles(({ css, responsive, token }) => ({ padding-block: 0.1em; padding-inline: 0.3em; + border-radius: ${token.borderRadius}px; font-size: 18px; font-weight: 500; color: ${token.colorTextSecondary}; background: ${token.colorFillSecondary}; - border-radius: ${token.borderRadius}px; ${responsive.mobile} { font-size: 14px; } diff --git a/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/EmptyStatus.tsx b/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/EmptyStatus.tsx index f06be327f7db1..3896e9a925a7c 100644 --- a/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/EmptyStatus.tsx +++ b/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/EmptyStatus.tsx @@ -16,8 +16,8 @@ const useStyles = createStyles(({ css, token }) => ({ kbd { margin-inline: 2px; padding-inline: 6px; - background: ${token.colorFillTertiary}; border-radius: 4px; + background: ${token.colorFillTertiary}; } `, })); diff --git a/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/Item/index.tsx b/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/Item/index.tsx index a3cb613551075..43b02ea10bad3 100644 --- a/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/Item/index.tsx +++ b/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/Item/index.tsx @@ -20,7 +20,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ margin-inline: 8px; padding-block: 4px; padding-inline: 8px; - border-radius: ${token.borderRadius}px; &.${knowledgeItemClass} { diff --git a/src/app/(main)/files/(content)/@modal/(.)[id]/FullscreenModal.tsx b/src/app/(main)/files/(content)/@modal/(.)[id]/FullscreenModal.tsx index e87307ed939b6..809149c7a4491 100644 --- a/src/app/(main)/files/(content)/@modal/(.)[id]/FullscreenModal.tsx +++ b/src/app/(main)/files/(content)/@modal/(.)[id]/FullscreenModal.tsx @@ -16,8 +16,8 @@ const useStyles = createStyles(({ css, token }, showDetail: boolean) => { `, content: css` height: 100%; - background: transparent !important; border: none !important; + background: transparent !important; `, extra: css` position: fixed; @@ -26,9 +26,9 @@ const useStyles = createStyles(({ css, token }, showDetail: boolean) => { inset-inline-end: 0; width: ${DETAIL_PANEL_WIDTH}px; + border-inline-start: 1px solid ${token.colorSplit}; background: ${token.colorBgLayout}; - border-inline-start: 1px solid ${token.colorSplit}; `, header: css` background: transparent !important; diff --git a/src/app/(main)/files/(content)/NotSupportClient.tsx b/src/app/(main)/files/(content)/NotSupportClient.tsx index 1af5379578e71..ad92dfb733096 100644 --- a/src/app/(main)/files/(content)/NotSupportClient.tsx +++ b/src/app/(main)/files/(content)/NotSupportClient.tsx @@ -30,12 +30,12 @@ const useStyles = createStyles(({ css, token }) => ({ width: 200px; height: 140px; + border-radius: ${token.borderRadiusLG}px; font-weight: 500; text-align: center; background: ${token.colorFillTertiary}; - border-radius: ${token.borderRadiusLG}px; box-shadow: 0 0 0 1px ${token.colorFillTertiary} inset; transition: background 0.3s ease-in-out; @@ -57,8 +57,8 @@ const useStyles = createStyles(({ css, token }) => ({ `, icon: css` - color: ${token.colorTextLightSolid}; border-radius: ${token.borderRadiusLG}px; + color: ${token.colorTextLightSolid}; `, iconGroup: css` margin-block-start: -44px; diff --git a/src/app/(main)/profile/_layout/Desktop/SideBar.tsx b/src/app/(main)/profile/_layout/Desktop/SideBar.tsx index 673ae17db77fd..665e530c6cba0 100644 --- a/src/app/(main)/profile/_layout/Desktop/SideBar.tsx +++ b/src/app/(main)/profile/_layout/Desktop/SideBar.tsx @@ -13,8 +13,8 @@ const useStyles = createStyles(({ token, css }) => ({ container: css` padding-block: 0 16px; padding-inline: 12px; - background: ${token.colorBgContainer}; border-inline-end: 1px solid ${token.colorBorder}; + background: ${token.colorBgContainer}; `, })); diff --git a/src/app/(main)/profile/stats/features/ShareButton/Preview.tsx b/src/app/(main)/profile/stats/features/ShareButton/Preview.tsx index deea50a358124..8296f6d7e23e6 100644 --- a/src/app/(main)/profile/stats/features/ShareButton/Preview.tsx +++ b/src/app/(main)/profile/stats/features/ShareButton/Preview.tsx @@ -17,8 +17,8 @@ import AiHeatmaps from '../AiHeatmaps'; const useStyles = createStyles(({ css, token, stylish, cx, responsive }) => ({ avatar: css` box-sizing: content-box; - background: ${token.colorText}; border: 4px solid ${token.colorBgLayout}; + background: ${token.colorText}; `, background: css` position: relative; @@ -38,10 +38,10 @@ const useStyles = createStyles(({ css, token, stylish, cx, responsive }) => ({ overflow: hidden; width: 100%; - - background: ${token.colorBgLayout}; border: 1px solid ${token.colorBorder}; border-radius: ${token.borderRadiusLG * 2}px; + + background: ${token.colorBgLayout}; box-shadow: ${token.boxShadow}; `, decs: css` @@ -65,11 +65,11 @@ const useStyles = createStyles(({ css, token, stylish, cx, responsive }) => ({ width: 100%; max-height: 70dvh; - - background: ${token.colorBgLayout}; border: 1px solid ${token.colorBorder}; border-radius: ${token.borderRadiusLG}px; + background: ${token.colorBgLayout}; + * { pointer-events: none; diff --git a/src/app/(main)/repos/[id]/evals/components/Container.tsx b/src/app/(main)/repos/[id]/evals/components/Container.tsx index 49d8ac14b73f7..fbdd9de76aff9 100644 --- a/src/app/(main)/repos/[id]/evals/components/Container.tsx +++ b/src/app/(main)/repos/[id]/evals/components/Container.tsx @@ -7,8 +7,8 @@ import { Flexbox } from 'react-layout-kit'; const useStyles = createStyles(({ css, token }) => ({ container: css` padding: 16px; - background: ${token.colorBgContainer}; border-radius: 8px; + background: ${token.colorBgContainer}; `, })); diff --git a/src/app/(main)/repos/[id]/evals/dataset/DatasetList/Item.tsx b/src/app/(main)/repos/[id]/evals/dataset/DatasetList/Item.tsx index 147c6d6dfde46..6de265c00999f 100644 --- a/src/app/(main)/repos/[id]/evals/dataset/DatasetList/Item.tsx +++ b/src/app/(main)/repos/[id]/evals/dataset/DatasetList/Item.tsx @@ -19,7 +19,6 @@ const useStyles = createStyles(({ css, token }) => ({ margin-block-end: 2px; padding-block: 12px; padding-inline: 8px; - border-radius: 8px; &:hover { diff --git a/src/app/(main)/settings/_layout/Desktop/SideBar.tsx b/src/app/(main)/settings/_layout/Desktop/SideBar.tsx index bf6f016814ae8..622830f68574d 100644 --- a/src/app/(main)/settings/_layout/Desktop/SideBar.tsx +++ b/src/app/(main)/settings/_layout/Desktop/SideBar.tsx @@ -13,8 +13,8 @@ const useStyles = createStyles(({ token, css }) => ({ container: css` padding-block: 0 16px; padding-inline: 12px; - background: ${token.colorBgContainer}; border-inline-end: 1px solid ${token.colorBorder}; + background: ${token.colorBgContainer}; `, })); diff --git a/src/app/(main)/settings/about/features/ItemCard.tsx b/src/app/(main)/settings/about/features/ItemCard.tsx index 7a87a2acb08c9..a768d9a295d1b 100644 --- a/src/app/(main)/settings/about/features/ItemCard.tsx +++ b/src/app/(main)/settings/about/features/ItemCard.tsx @@ -11,14 +11,14 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ padding-block: 12px; padding-inline: 16px; - - background: ${isDarkMode ? token.colorFillTertiary : token.colorBgContainer}; border: 1px solid ${token.colorFillSecondary}; border-radius: ${token.borderRadiusLG}px; + background: ${isDarkMode ? token.colorFillTertiary : token.colorBgContainer}; + &:hover { - background: ${isDarkMode ? token.colorFillSecondary : token.colorBgContainer}; border: 1px solid ${token.colorFill}; + background: ${isDarkMode ? token.colorFillSecondary : token.colorBgContainer}; } `, })); diff --git a/src/app/(main)/settings/about/features/Version.tsx b/src/app/(main)/settings/about/features/Version.tsx index ffe220fa5de2b..2988b9ad9f9f7 100644 --- a/src/app/(main)/settings/about/features/Version.tsx +++ b/src/app/(main)/settings/about/features/Version.tsx @@ -15,8 +15,8 @@ import { useGlobalStore } from '@/store/global'; const useStyles = createStyles(({ css, token }) => ({ logo: css` overflow: hidden; - background: ${token.colorBgContainer}; border-radius: ${token.borderRadiusLG * 2}px; + background: ${token.colorBgContainer}; box-shadow: 0 0 0 1px ${token.colorFillSecondary} inset; `, })); diff --git a/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx b/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx index a2ebcd7d82cb0..b924b31de73d4 100644 --- a/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx +++ b/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx @@ -68,12 +68,13 @@ const useStyles = createStyles(({ css, prefixCls, responsive, token }) => ({ } `, help: css` + border-radius: 50%; + font-size: 12px; font-weight: 500; color: ${token.colorTextDescription}; background: ${token.colorFillTertiary}; - border-radius: 50%; &:hover { color: ${token.colorText}; diff --git a/src/app/(main)/settings/llm/components/ProviderModelList/ModelFetcher.tsx b/src/app/(main)/settings/llm/components/ProviderModelList/ModelFetcher.tsx index 547017939a3a0..441e81bb0b248 100644 --- a/src/app/(main)/settings/llm/components/ProviderModelList/ModelFetcher.tsx +++ b/src/app/(main)/settings/llm/components/ProviderModelList/ModelFetcher.tsx @@ -22,7 +22,6 @@ const useStyles = createStyles(({ css, token }) => ({ padding-block: 4px; padding-inline: 8px; - border-radius: ${token.borderRadius}px; transition: all 0.2s ease-in-out; diff --git a/src/app/(main)/settings/provider/(list)/ProviderGrid/Card.tsx b/src/app/(main)/settings/provider/(list)/ProviderGrid/Card.tsx index 930aaaeab1a67..7a1c4a3ef30c2 100644 --- a/src/app/(main)/settings/provider/(list)/ProviderGrid/Card.tsx +++ b/src/app/(main)/settings/provider/(list)/ProviderGrid/Card.tsx @@ -23,9 +23,9 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ overflow: hidden; height: 100%; + border-radius: 12px; background: ${token.colorBgContainer}; - border-radius: 12px; box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary} inset; diff --git a/src/app/(main)/settings/provider/(list)/ProviderGrid/index.tsx b/src/app/(main)/settings/provider/(list)/ProviderGrid/index.tsx index 4b397cdc2fff8..29609e58db9c3 100644 --- a/src/app/(main)/settings/provider/(list)/ProviderGrid/index.tsx +++ b/src/app/(main)/settings/provider/(list)/ProviderGrid/index.tsx @@ -17,11 +17,11 @@ const useStyles = createStyles(({ css, responsive, token }) => ({ height: 20px; padding-block: 0; padding-inline: 6px; + border-radius: 12px; color: ${token.colorTextDescription}; background: ${token.colorFillSecondary}; - border-radius: 12px; `, grid: css` grid-template-columns: repeat(2, 1fr); diff --git a/src/app/(main)/settings/provider/ProviderMenu/Item.tsx b/src/app/(main)/settings/provider/ProviderMenu/Item.tsx index fdf4c1c772248..6aea3ae267e84 100644 --- a/src/app/(main)/settings/provider/ProviderMenu/Item.tsx +++ b/src/app/(main)/settings/provider/ProviderMenu/Item.tsx @@ -23,11 +23,10 @@ export const useStyles = createStyles(({ css, token }) => ({ padding-block: 8px; padding-inline: 12px; + border-radius: ${token.borderRadius}px; color: inherit; - border-radius: ${token.borderRadius}px; - transition: all 0.2s ease-in-out; &:hover { diff --git a/src/app/(main)/settings/provider/features/ModelList/EmptyModels.tsx b/src/app/(main)/settings/provider/features/ModelList/EmptyModels.tsx index 873a84e02d086..a283235a11c14 100644 --- a/src/app/(main)/settings/provider/features/ModelList/EmptyModels.tsx +++ b/src/app/(main)/settings/provider/features/ModelList/EmptyModels.tsx @@ -14,14 +14,14 @@ const useStyles = createStyles(({ css, token }) => ({ circle: css` width: 80px; height: 80px; - background: ${token.colorFillSecondary}; border-radius: 50%; + background: ${token.colorFillSecondary}; `, container: css` width: 100%; - background: ${token.colorBgContainer}; border: 1px dashed ${token.colorBorder}; border-radius: 12px; + background: ${token.colorBgContainer}; `, description: css` max-width: 280px; diff --git a/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx b/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx index 1676330a80158..7916142869274 100644 --- a/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx +++ b/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx @@ -65,12 +65,13 @@ const useStyles = createStyles(({ css, prefixCls, responsive, token }) => ({ } `, help: css` + border-radius: 50%; + font-size: 12px; font-weight: 500; color: ${token.colorTextDescription}; background: ${token.colorFillTertiary}; - border-radius: 50%; &:hover { color: ${token.colorText}; diff --git a/src/app/(main)/settings/sync/features/DeviceInfo/Card.tsx b/src/app/(main)/settings/sync/features/DeviceInfo/Card.tsx index 2d95f40f4ebcb..c474934152ecf 100644 --- a/src/app/(main)/settings/sync/features/DeviceInfo/Card.tsx +++ b/src/app/(main)/settings/sync/features/DeviceInfo/Card.tsx @@ -4,8 +4,8 @@ import { Center, Flexbox } from 'react-layout-kit'; const useStyles = createStyles(({ css, token, responsive }) => ({ container: css` - background: ${token.colorFillTertiary}; border-radius: ${token.borderRadius}px; + background: ${token.colorFillTertiary}; .${responsive.mobile} { width: 100%; diff --git a/src/app/(main)/settings/sync/features/DeviceInfo/index.tsx b/src/app/(main)/settings/sync/features/DeviceInfo/index.tsx index fac9bb74942e7..b8173cab116a2 100644 --- a/src/app/(main)/settings/sync/features/DeviceInfo/index.tsx +++ b/src/app/(main)/settings/sync/features/DeviceInfo/index.tsx @@ -23,8 +23,8 @@ const useStyles = createStyles(({ css, cx, responsive, isDarkMode, token, stylis content: css` z-index: 2; padding: 8px; - background: ${rgba(token.colorBgContainer, isDarkMode ? 0.7 : 1)}; border-radius: ${token.borderRadiusLG - 1}px; + background: ${rgba(token.colorBgContainer, isDarkMode ? 0.7 : 1)}; `, glow: cx( stylish.gradientAnimation, diff --git a/src/app/@modal/(.)changelog/modal/features/ReadDetail.tsx b/src/app/@modal/(.)changelog/modal/features/ReadDetail.tsx index f8c00b89ecc6d..cae58610b3aed 100644 --- a/src/app/@modal/(.)changelog/modal/features/ReadDetail.tsx +++ b/src/app/@modal/(.)changelog/modal/features/ReadDetail.tsx @@ -19,9 +19,9 @@ const useStyles = createStyles( margin-block: 16px 32px; padding: 16px; + border-radius: ${token.borderRadiusLG}px; background: ${token.colorFillTertiary}; - border-radius: ${token.borderRadiusLG}px; `, ); diff --git a/src/app/@modal/(.)changelog/modal/features/VersionTag.tsx b/src/app/@modal/(.)changelog/modal/features/VersionTag.tsx index 1327e3620e60e..5c7e2026586aa 100644 --- a/src/app/@modal/(.)changelog/modal/features/VersionTag.tsx +++ b/src/app/@modal/(.)changelog/modal/features/VersionTag.tsx @@ -10,10 +10,9 @@ const useStyles = createStyles(({ token, css }) => { margin: 0; padding-block: 4px; padding-inline: 12px; + border-radius: 16px; color: ${token.colorTextSecondary}; - - border-radius: 16px; `, }; }); diff --git a/src/app/@modal/(.)changelog/modal/layout.tsx b/src/app/@modal/(.)changelog/modal/layout.tsx index 92d0c2f477772..e24afa4d961b0 100644 --- a/src/app/@modal/(.)changelog/modal/layout.tsx +++ b/src/app/@modal/(.)changelog/modal/layout.tsx @@ -11,8 +11,8 @@ import Pagination from './features/Pagination'; const useStyles = createStyles( ({ css, prefixCls, token }) => css` .${prefixCls}-modal-close { - background: ${token.colorBgElevated} !important; border: 1px solid ${token.colorBorderSecondary}; + background: ${token.colorBgElevated} !important; } `, ); diff --git a/src/components/Cell/index.tsx b/src/components/Cell/index.tsx index ac2b03b96ad72..bd28f229682e5 100644 --- a/src/components/Cell/index.tsx +++ b/src/components/Cell/index.tsx @@ -9,8 +9,8 @@ import Divider from './Divider'; const useStyles = createStyles(({ css, token }) => ({ container: css` position: relative; - font-size: 15px; border-radius: 0; + font-size: 15px; &:active { background: ${token.colorFillTertiary}; diff --git a/src/components/DragUpload/index.tsx b/src/components/DragUpload/index.tsx index 7fa97cca01695..2b26d26cf2cd5 100644 --- a/src/components/DragUpload/index.tsx +++ b/src/components/DragUpload/index.tsx @@ -19,15 +19,14 @@ const useStyles = createStyles(({ css, token }) => { width: 320px; height: 200px; padding: ${token.borderRadiusLG + 4}px; + border-radius: 16px; background: ${token.geekblue}; - border-radius: 16px; `, content: css` width: 100%; height: 100%; padding: 16px; - border: 1.5px dashed #fff; border-radius: ${token.borderRadiusLG}px; `, @@ -37,9 +36,9 @@ const useStyles = createStyles(({ css, token }) => { color: #fff; `, icon: css` + border-radius: ${token.borderRadiusLG}px; color: ${darken(0.05, token.geekblue)}; background: ${lighten(0.38, token.geekblue)}; - border-radius: ${token.borderRadiusLG}px; `, iconGroup: css` margin-block-start: -44px; diff --git a/src/components/FeatureList/index.tsx b/src/components/FeatureList/index.tsx index c6274d166950f..b8d7769e47a22 100644 --- a/src/components/FeatureList/index.tsx +++ b/src/components/FeatureList/index.tsx @@ -20,8 +20,8 @@ const useStyles = createStyles(({ css, token, isDarkMode, responsive }) => ({ iconCtn: css` width: 72px; height: 72px; - background: ${isDarkMode ? token.blue1 : token.geekblue1}; border-radius: 50%; + background: ${isDarkMode ? token.blue1 : token.geekblue1}; `, title: css` margin-block-end: 0; diff --git a/src/components/FileParsingStatus/EmbeddingStatus.tsx b/src/components/FileParsingStatus/EmbeddingStatus.tsx index 4a8820c611501..5d8035c5d5491 100644 --- a/src/components/FileParsingStatus/EmbeddingStatus.tsx +++ b/src/components/FileParsingStatus/EmbeddingStatus.tsx @@ -12,12 +12,12 @@ import { AsyncTaskStatus, FileParsingTask } from '@/types/asyncTask'; const useStyles = createStyles(({ css, token, isDarkMode }) => ({ errorReason: css` padding: 4px; + border-radius: 4px; font-family: monospace; font-size: 12px; background: ${isDarkMode ? darken(0.1, token.colorText) : lighten(0.1, token.colorText)}; - border-radius: 4px; `, })); diff --git a/src/components/FileParsingStatus/index.tsx b/src/components/FileParsingStatus/index.tsx index 0fe8ae8bffc81..c7e12649a297f 100644 --- a/src/components/FileParsingStatus/index.tsx +++ b/src/components/FileParsingStatus/index.tsx @@ -14,12 +14,12 @@ import EmbeddingStatus from './EmbeddingStatus'; const useStyles = createStyles(({ css, token, isDarkMode }) => ({ errorReason: css` padding: 4px; + border-radius: 4px; font-family: monospace; font-size: 12px; background: ${isDarkMode ? darken(0.1, token.colorText) : lighten(0.1, token.colorText)}; - border-radius: 4px; `, })); diff --git a/src/components/FunctionModal/style.tsx b/src/components/FunctionModal/style.tsx index 2b561516e6e92..42ff1890b3a18 100644 --- a/src/components/FunctionModal/style.tsx +++ b/src/components/FunctionModal/style.tsx @@ -10,11 +10,11 @@ export const useStyles = createStyles(({ css, token, prefixCls, isDarkMode, resp width: min(90vw, 450px); padding: 0; - - background: ${isDarkMode ? token.colorBgElevated : token.colorBgLayout}; border: 1px solid ${token.colorSplit}; border-radius: ${token.borderRadiusLG}px; + background: ${isDarkMode ? token.colorBgElevated : token.colorBgLayout}; + ${responsive.mobile} { width: unset; } diff --git a/src/components/GoBack/index.tsx b/src/components/GoBack/index.tsx index e5265c8ecdef9..e91ac702426cf 100644 --- a/src/components/GoBack/index.tsx +++ b/src/components/GoBack/index.tsx @@ -12,11 +12,10 @@ const useStyles = createStyles(({ css, token }) => { width: fit-content; height: 24px; padding-inline: 8px; + border-radius: 6px; color: ${token.colorTextTertiary}; - border-radius: 6px; - &:hover { color: ${token.colorTextSecondary}; background: ${token.colorFillTertiary}; diff --git a/src/components/HotKeys/index.tsx b/src/components/HotKeys/index.tsx index 9b33eb9a3d26d..ce2fc818b17cf 100644 --- a/src/components/HotKeys/index.tsx +++ b/src/components/HotKeys/index.tsx @@ -19,13 +19,13 @@ const useStyles = createStyles( min-width: 16px; height: 22px; padding-inline: 8px; + border-radius: ${token.borderRadius}px; line-height: 22px; color: ${inverseTheme ? token.colorTextTertiary : token.colorTextSecondary}; text-align: center; background: ${inverseTheme ? rgba(token.colorTextTertiary, 0.15) : token.colorFillTertiary}; - border-radius: ${token.borderRadius}px; } `, ); diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx index 6fb2771d3eb50..f76c9a35f4a43 100644 --- a/src/components/Menu/index.tsx +++ b/src/components/Menu/index.tsx @@ -10,8 +10,8 @@ const useStyles = createStyles(({ css, token, prefixCls }) => ({ `, menu: css` flex: 1; - background: transparent; border: none !important; + background: transparent; .${prefixCls}-menu-item-divider { margin-block: 0.125rem; diff --git a/src/components/ModelSelect/index.tsx b/src/components/ModelSelect/index.tsx index c1d870e0e8e64..e6d403e1383d3 100644 --- a/src/components/ModelSelect/index.tsx +++ b/src/components/ModelSelect/index.tsx @@ -17,13 +17,13 @@ const useStyles = createStyles(({ css, token }) => ({ custom: css` width: 36px; height: 20px; + border-radius: 4px; font-family: ${token.fontFamilyCode}; font-size: 12px; color: ${rgba(token.colorWarning, 0.75)}; background: ${token.colorWarningBg}; - border-radius: 4px; `, tag: css` cursor: default; @@ -34,7 +34,6 @@ const useStyles = createStyles(({ css, token }) => ({ width: 20px; height: 20px; - border-radius: 4px; `, tagBlue: css` @@ -48,13 +47,13 @@ const useStyles = createStyles(({ css, token }) => ({ token: css` width: 36px; height: 20px; + border-radius: 4px; font-family: ${token.fontFamilyCode}; font-size: 11px; color: ${token.colorTextSecondary}; background: ${token.colorFillTertiary}; - border-radius: 4px; `, })); diff --git a/src/components/Notification/index.tsx b/src/components/Notification/index.tsx index f8b992f718bb9..b18cc7b77843f 100644 --- a/src/components/Notification/index.tsx +++ b/src/components/Notification/index.tsx @@ -22,9 +22,10 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ overflow: hidden; - background: ${token.colorBgContainer}; border: 1px solid ${token.colorSplit}; border-radius: 8px; + + background: ${token.colorBgContainer}; box-shadow: ${token.boxShadowSecondary}; `, mobileContainer: css` diff --git a/src/components/StatisticCard/index.tsx b/src/components/StatisticCard/index.tsx index b08a029af55b2..c0e43d4c55fbd 100644 --- a/src/components/StatisticCard/index.tsx +++ b/src/components/StatisticCard/index.tsx @@ -16,16 +16,16 @@ const useStyles = createStyles( border-radius: ${token.borderRadiusLG}px; ${responsive.mobile} { - background: ${token.colorBgContainer}; border: none; border-radius: 0; + background: ${token.colorBgContainer}; } `, container: css` ${responsive.mobile} { - background: ${token.colorBgContainer}; border: none; border-radius: 0; + background: ${token.colorBgContainer}; } .${prefixCls}-pro-card-title { @@ -56,7 +56,6 @@ const useStyles = createStyles( margin: 0; padding: 0; - border-end-start-radius: ${token.borderRadiusLG}px; border-end-end-radius: ${token.borderRadiusLG}px; } @@ -132,6 +131,7 @@ const useStyles = createStyles( width: 66%; height: 50%; + border-radius: 50%; opacity: ${isDarkMode ? 1 : 0.33}; background-image: linear-gradient( @@ -143,7 +143,6 @@ const useStyles = createStyles( background-position: center left; background-size: contain; filter: blur(32px); - border-radius: 50%; } > div { @@ -151,12 +150,12 @@ const useStyles = createStyles( } `, icon: css` - background: ${token.colorFillSecondary}; border-radius: ${token.borderRadius}px; + background: ${token.colorFillSecondary}; `, pure: css` - background: transparent !important; border: none !important; + background: transparent !important; `, }), ); diff --git a/src/features/AgentSetting/AgentPrompt/index.tsx b/src/features/AgentSetting/AgentPrompt/index.tsx index 79ae62d0d41b2..fc2befe20d7a3 100644 --- a/src/features/AgentSetting/AgentPrompt/index.tsx +++ b/src/features/AgentSetting/AgentPrompt/index.tsx @@ -15,14 +15,14 @@ export const useStyles = createStyles(({ css, token, responsive }) => ({ container: css` position: relative; width: 100%; - background: ${token.colorFillSecondary}; border-radius: ${token.borderRadiusLG}px; + background: ${token.colorFillSecondary}; `, content: css` z-index: 2; padding: 8px; - background: ${token.colorBgContainer}; border-radius: ${token.borderRadiusLG - 1}px; + background: ${token.colorBgContainer}; `, markdown: css` border: unset; diff --git a/src/features/ChatInput/Desktop/FilePreview/FileItem/index.tsx b/src/features/ChatInput/Desktop/FilePreview/FileItem/index.tsx index 865cedb73e79f..f931e567d553b 100644 --- a/src/features/ChatInput/Desktop/FilePreview/FileItem/index.tsx +++ b/src/features/ChatInput/Desktop/FilePreview/FileItem/index.tsx @@ -20,8 +20,9 @@ const useStyles = createStyles(({ css, token }) => ({ inset-block-start: -4px; inset-inline-end: -4px; - background: ${token.colorBgElevated}; border-radius: 5px; + + background: ${token.colorBgElevated}; box-shadow: 0 0 0 0.5px ${token.colorFillSecondary} inset, ${token.boxShadowTertiary}; @@ -32,9 +33,9 @@ const useStyles = createStyles(({ css, token }) => ({ width: ${FILE_ITEM_SIZE}px; min-width: ${FILE_ITEM_SIZE}px; height: ${FILE_ITEM_SIZE}px; + border-radius: 8px; background: ${token.colorBgContainer}; - border-radius: 8px; `, image: css` margin-block: 0 !important; diff --git a/src/features/ChatInput/Desktop/FilePreview/FileList.tsx b/src/features/ChatInput/Desktop/FilePreview/FileList.tsx index 62be6391a5e90..837088e994442 100644 --- a/src/features/ChatInput/Desktop/FilePreview/FileList.tsx +++ b/src/features/ChatInput/Desktop/FilePreview/FileList.tsx @@ -12,10 +12,10 @@ const useStyles = createStyles(({ css, token }) => ({ overflow-x: scroll; width: 100%; - - background: ${lighten(0.01, token.colorBgLayout)}; border-start-start-radius: 8px; border-start-end-radius: 8px; + + background: ${lighten(0.01, token.colorBgLayout)}; `, })); diff --git a/src/features/ChatInput/Mobile/Files/FileItem/File.tsx b/src/features/ChatInput/Mobile/Files/FileItem/File.tsx index 46aacd465d1c6..db150caf92fd4 100644 --- a/src/features/ChatInput/Mobile/Files/FileItem/File.tsx +++ b/src/features/ChatInput/Mobile/Files/FileItem/File.tsx @@ -22,10 +22,10 @@ const useStyles = createStyles(({ css, token }) => ({ height: 64px; padding-block: 4px; padding-inline: 8px 24px; - - background: ${token.colorFillTertiary}; border: 1px solid ${token.colorBorder}; border-radius: 8px; + + background: ${token.colorFillTertiary}; `, deleteButton: css` position: absolute; diff --git a/src/features/ChatInput/Mobile/InputArea/index.tsx b/src/features/ChatInput/Mobile/InputArea/index.tsx index d3abfd5148bf2..92231714d0bca 100644 --- a/src/features/ChatInput/Mobile/InputArea/index.tsx +++ b/src/features/ChatInput/Mobile/InputArea/index.tsx @@ -15,8 +15,8 @@ const useStyles = createStyles(({ css, token }) => { container: css` flex: none; padding-block: 12px 12px; - background: ${token.colorFillQuaternary}; border-block-start: 1px solid ${rgba(token.colorBorder, 0.25)}; + background: ${token.colorFillQuaternary}; `, expand: css` position: absolute; diff --git a/src/features/ChatInput/STT/common.tsx b/src/features/ChatInput/STT/common.tsx index dec43dfa57a24..f9b73bcca15ca 100644 --- a/src/features/ChatInput/STT/common.tsx +++ b/src/features/ChatInput/STT/common.tsx @@ -12,8 +12,8 @@ const useStyles = createStyles(({ css, token }) => ({ recording: css` width: 8px; height: 8px; - background: ${token.colorError}; border-radius: 50%; + background: ${token.colorError}; `, })); diff --git a/src/features/Conversation/Error/style.tsx b/src/features/Conversation/Error/style.tsx index e3704ce546a58..5223fb95dea10 100644 --- a/src/features/Conversation/Error/style.tsx +++ b/src/features/Conversation/Error/style.tsx @@ -5,10 +5,10 @@ import { Center, CenterProps, Flexbox } from 'react-layout-kit'; export const useStyles = createStyles(({ css, token }) => ({ container: css` - color: ${token.colorText}; - background: ${token.colorBgContainer}; border: 1px solid ${token.colorSplit}; border-radius: 8px; + color: ${token.colorText}; + background: ${token.colorBgContainer}; `, desc: css` color: ${token.colorTextTertiary}; diff --git a/src/features/Conversation/Messages/Assistant/FileChunks/Item/style.ts b/src/features/Conversation/Messages/Assistant/FileChunks/Item/style.ts index 13d66d9a4e0b9..2ffabe50e1f7a 100644 --- a/src/features/Conversation/Messages/Assistant/FileChunks/Item/style.ts +++ b/src/features/Conversation/Messages/Assistant/FileChunks/Item/style.ts @@ -5,13 +5,13 @@ export const useStyles = createStyles(({ css, token, isDarkMode }) => ({ badge: css` padding-block: 4px; padding-inline: 6px; + border-radius: 2222px; font-size: 12px; line-height: 12px; color: ${token.colorTextSecondary}; background: ${token.colorFillSecondary}; - border-radius: 2222px; `, container: css` @@ -21,11 +21,11 @@ export const useStyles = createStyles(({ css, token, isDarkMode }) => ({ padding-block: 6px; padding-inline: 8px; padding-inline-end: 12px; + border-radius: 8px; color: ${token.colorText}; background: ${lighten(0.1, token.colorBgElevated)}; - border-radius: 8px; box-shadow: ${token.boxShadowTertiary}; transition: all 0.2s; diff --git a/src/features/Conversation/Messages/Assistant/FileChunks/index.tsx b/src/features/Conversation/Messages/Assistant/FileChunks/index.tsx index 543ec23fc1288..550bbf571cb40 100644 --- a/src/features/Conversation/Messages/Assistant/FileChunks/index.tsx +++ b/src/features/Conversation/Messages/Assistant/FileChunks/index.tsx @@ -16,11 +16,11 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ padding-block: 8px; padding-inline: 12px; padding-inline-end: 12px; + border-radius: 8px; color: ${token.colorText}; background: ${token.colorFillTertiary}; - border-radius: 8px; &:hover { background: ${isDarkMode ? '' : token.colorFillSecondary}; diff --git a/src/features/Conversation/Messages/Assistant/ToolCallItem/Inspector/style.ts b/src/features/Conversation/Messages/Assistant/ToolCallItem/Inspector/style.ts index 9fccf9c8dcb65..6a02a7ddc2194 100644 --- a/src/features/Conversation/Messages/Assistant/ToolCallItem/Inspector/style.ts +++ b/src/features/Conversation/Messages/Assistant/ToolCallItem/Inspector/style.ts @@ -17,12 +17,11 @@ export const useStyles = createStyles(({ css, token }) => ({ padding-block: 6px; padding-inline: 8px; padding-inline-end: 12px; - - color: ${token.colorText}; - border: 1px solid ${token.colorBorder}; border-radius: 8px; + color: ${token.colorText}; + &:hover { background: ${token.colorFillTertiary}; } diff --git a/src/features/Conversation/Messages/Assistant/ToolCallItem/style.ts b/src/features/Conversation/Messages/Assistant/ToolCallItem/style.ts index 9fccf9c8dcb65..6a02a7ddc2194 100644 --- a/src/features/Conversation/Messages/Assistant/ToolCallItem/style.ts +++ b/src/features/Conversation/Messages/Assistant/ToolCallItem/style.ts @@ -17,12 +17,11 @@ export const useStyles = createStyles(({ css, token }) => ({ padding-block: 6px; padding-inline: 8px; padding-inline-end: 12px; - - color: ${token.colorText}; - border: 1px solid ${token.colorBorder}; border-radius: 8px; + color: ${token.colorText}; + &:hover { background: ${token.colorFillTertiary}; } diff --git a/src/features/Conversation/Messages/User/FileListViewer/Item.tsx b/src/features/Conversation/Messages/User/FileListViewer/Item.tsx index b35cfdb70db3e..17bbe41ff60f1 100644 --- a/src/features/Conversation/Messages/User/FileListViewer/Item.tsx +++ b/src/features/Conversation/Messages/User/FileListViewer/Item.tsx @@ -17,7 +17,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ max-width: 420px; padding-block: 8px; padding-inline: 12px 32px; - border: 1px solid ${isDarkMode ? token.colorBorder : token.colorSplit}; border-radius: 8px; diff --git a/src/features/Conversation/components/BackBottom/style.ts b/src/features/Conversation/components/BackBottom/style.ts index b6a18df66f6ca..d94ea216115b3 100644 --- a/src/features/Conversation/components/BackBottom/style.ts +++ b/src/features/Conversation/components/BackBottom/style.ts @@ -14,11 +14,11 @@ export const useStyles = createStyles(({ token, css, stylish, cx, responsive }) transform: translateY(16px); padding-inline: 12px !important; + border-color: ${token.colorFillTertiary} !important; + border-radius: 16px !important; opacity: 0; background: ${rgba(token.colorBgContainer, 0.5)}; - border-color: ${token.colorFillTertiary} !important; - border-radius: 16px !important; ${responsive.mobile} { inset-inline-end: 0; diff --git a/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/Icon.tsx b/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/Icon.tsx index 667c031f4d2bf..aa0b6f1650acf 100644 --- a/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/Icon.tsx +++ b/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/Icon.tsx @@ -9,12 +9,11 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ cursor: pointer; margin-block-start: 12px; - - color: ${token.colorText}; - border: 1px solid ${token.colorBorder}; border-radius: 8px; + color: ${token.colorText}; + &:hover { background: ${isDarkMode ? '' : token.colorFillSecondary}; } diff --git a/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx b/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx index 9faf08782313c..d95003fe35b53 100644 --- a/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx +++ b/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx @@ -16,18 +16,18 @@ import ArtifactIcon from './Icon'; const useStyles = createStyles(({ css, token, isDarkMode }) => ({ avatar: css` - background: ${token.colorFillQuaternary}; border-inline-end: 1px solid ${token.colorSplit}; + background: ${token.colorFillQuaternary}; `, container: css` cursor: pointer; margin-block-start: 12px; + border: 1px solid ${token.colorBorder}; + border-radius: 8px; color: ${token.colorText}; - border: 1px solid ${token.colorBorder}; - border-radius: 8px; box-shadow: ${isDarkMode ? token.boxShadowSecondary : token.boxShadowTertiary}; &:hover { diff --git a/src/features/Conversation/components/MarkdownElements/LobeThinking/Render.tsx b/src/features/Conversation/components/MarkdownElements/LobeThinking/Render.tsx index 5935b8326a2e8..c29762f446134 100644 --- a/src/features/Conversation/components/MarkdownElements/LobeThinking/Render.tsx +++ b/src/features/Conversation/components/MarkdownElements/LobeThinking/Render.tsx @@ -29,11 +29,11 @@ const useStyles = createStyles(({ css, token }) => ({ padding-block: 8px; padding-inline: 12px; padding-inline-end: 12px; + border-radius: 8px; color: ${token.colorText}; background: ${token.colorFillQuaternary}; - border-radius: 8px; `, title: css` overflow: hidden; diff --git a/src/features/Conversation/components/OTPInput.tsx b/src/features/Conversation/components/OTPInput.tsx index e2e2b7f4a68d2..14fdb853ceb6e 100644 --- a/src/features/Conversation/components/OTPInput.tsx +++ b/src/features/Conversation/components/OTPInput.tsx @@ -7,14 +7,14 @@ const useStyles = createStyles( ({ css, token }) => css` width: ${token.controlHeight}px; height: ${token.controlHeight}px; + border: 1px solid ${token.colorBorder}; + border-radius: 8px; font-size: 16px; color: ${token.colorText}; text-align: center; background: ${token.colorBgContainer}; - border: 1px solid ${token.colorBorder}; - border-radius: 8px; &:focus, &:focus-visible { diff --git a/src/features/DataImporter/Loading.tsx b/src/features/DataImporter/Loading.tsx index 5df30ebb24f6e..dc7e5b45ea9f3 100644 --- a/src/features/DataImporter/Loading.tsx +++ b/src/features/DataImporter/Loading.tsx @@ -13,10 +13,10 @@ const useStyles = createStyles(({ css, token }) => { aspect-ratio: 1; width: 6px; + border-radius: 50%; color: ${token.colorPrimary}; - border-radius: 50%; box-shadow: ${size}px -${size}px 0 0, ${size * 2}px -${size}px 0 0, diff --git a/src/features/FileManager/FileList/EmptyStatus.tsx b/src/features/FileManager/FileList/EmptyStatus.tsx index 97fe8ecd7f2f9..d05bf37693acd 100644 --- a/src/features/FileManager/FileList/EmptyStatus.tsx +++ b/src/features/FileManager/FileList/EmptyStatus.tsx @@ -25,12 +25,12 @@ const useStyles = createStyles(({ css, token }) => ({ width: 200px; height: 140px; + border-radius: ${token.borderRadiusLG}px; font-weight: 500; text-align: center; background: ${token.colorFillTertiary}; - border-radius: ${token.borderRadiusLG}px; box-shadow: 0 0 0 1px ${token.colorFillTertiary} inset; transition: background 0.3s ease-in-out; diff --git a/src/features/FileManager/FileList/index.tsx b/src/features/FileManager/FileList/index.tsx index 9b148dffa3104..543d4440dacc1 100644 --- a/src/features/FileManager/FileList/index.tsx +++ b/src/features/FileManager/FileList/index.tsx @@ -22,8 +22,8 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({ header: css` height: 40px; min-height: 40px; - color: ${token.colorTextDescription}; border-block-end: 1px solid ${isDarkMode ? token.colorSplit : rgba(token.colorSplit, 0.06)}; + color: ${token.colorTextDescription}; `, headerItem: css` padding-block: 0; diff --git a/src/features/FileManager/UploadDock/Item.tsx b/src/features/FileManager/UploadDock/Item.tsx index da25de7944d0d..a3b2abef03e6b 100644 --- a/src/features/FileManager/UploadDock/Item.tsx +++ b/src/features/FileManager/UploadDock/Item.tsx @@ -16,9 +16,9 @@ const useStyles = createStyles(({ css, token }) => { inset-inline: 0 1%; height: 100%; + border-block-end: 3px solid ${token.geekblue}; background: ${token.colorFillTertiary}; - border-block-end: 3px solid ${token.geekblue}; `, title: css` overflow: hidden; diff --git a/src/features/FileManager/UploadDock/index.tsx b/src/features/FileManager/UploadDock/index.tsx index 311687621f112..4a15aee956cd4 100644 --- a/src/features/FileManager/UploadDock/index.tsx +++ b/src/features/FileManager/UploadDock/index.tsx @@ -18,8 +18,8 @@ const useStyles = createStyles(({ css, token }) => { return { body: css` height: 400px; - background: ${lighten(0.05, token.colorBgLayout)}; border-radius: 8px; + background: ${lighten(0.05, token.colorBgLayout)}; `, container: css` position: fixed; @@ -30,9 +30,9 @@ const useStyles = createStyles(({ css, token }) => { overflow: hidden; width: 360px; - border: 1px solid ${token.colorSplit}; border-radius: 8px; + box-shadow: ${token.boxShadow}; `, header: css` @@ -40,9 +40,9 @@ const useStyles = createStyles(({ css, token }) => { padding-block: 8px; padding-inline: 24px 12px; + border-radius: 8px; background: ${token.colorBgContainer}; - border-radius: 8px; transition: all 0.3s ease-in-out; @@ -58,9 +58,9 @@ const useStyles = createStyles(({ css, token }) => { inset-inline: 0 1%; height: 100%; + border-block-end: 3px solid ${token.geekblue}; background: ${token.colorFillTertiary}; - border-block-end: 3px solid ${token.geekblue}; `, title: css` height: 36px; diff --git a/src/features/FileViewer/NotSupport/index.tsx b/src/features/FileViewer/NotSupport/index.tsx index 7efcbbb924907..0fe4181b2622e 100644 --- a/src/features/FileViewer/NotSupport/index.tsx +++ b/src/features/FileViewer/NotSupport/index.tsx @@ -15,9 +15,9 @@ const useStyles = createStyles(({ css, token }) => ({ width: 100%; margin: 12px; padding: 24px; + border-radius: 4px; background: ${token.colorBgContainer}; - border-radius: 4px; box-shadow: ${token.boxShadowTertiary}; `, })); diff --git a/src/features/FileViewer/Renderer/MSDoc/index.tsx b/src/features/FileViewer/Renderer/MSDoc/index.tsx index bba9bd50aadd3..8d5b095dfea28 100644 --- a/src/features/FileViewer/Renderer/MSDoc/index.tsx +++ b/src/features/FileViewer/Renderer/MSDoc/index.tsx @@ -15,7 +15,6 @@ const content = css` width: calc(100% + 2px); height: calc(100% + 2px); - border: 0; `; diff --git a/src/features/FileViewer/Renderer/TXT/index.tsx b/src/features/FileViewer/Renderer/TXT/index.tsx index e4379d83ceff2..d35b38619fbb5 100644 --- a/src/features/FileViewer/Renderer/TXT/index.tsx +++ b/src/features/FileViewer/Renderer/TXT/index.tsx @@ -10,9 +10,9 @@ const useStyles = createStyles(({ css, token }) => ({ page: css` width: 100%; padding: 24px; + border-radius: 4px; background: ${token.colorBgContainer}; - border-radius: 4px; box-shadow: ${token.boxShadowTertiary}; `, })); diff --git a/src/features/InitClientDB/EnableModal.tsx b/src/features/InitClientDB/EnableModal.tsx index 967084de73815..fd682876948a2 100644 --- a/src/features/InitClientDB/EnableModal.tsx +++ b/src/features/InitClientDB/EnableModal.tsx @@ -31,8 +31,8 @@ const useStyles = createStyles(({ css, token, isDarkMode, responsive }) => ({ iconCtn: css` width: 72px; height: 72px; - background: ${isDarkMode ? token.blue1 : token.geekblue1}; border-radius: 50%; + background: ${isDarkMode ? token.blue1 : token.geekblue1}; `, intro: css` ${responsive.mobile} { diff --git a/src/features/InitClientDB/ErrorResult.tsx b/src/features/InitClientDB/ErrorResult.tsx index 4ddc2bc2b80e3..df7155738e3ea 100644 --- a/src/features/InitClientDB/ErrorResult.tsx +++ b/src/features/InitClientDB/ErrorResult.tsx @@ -19,9 +19,9 @@ const useStyles = createStyles(({ css, token }) => ({ padding-block: 8px; padding-inline: 24px; + border-radius: 40px; background: ${token.red6}; - border-radius: 40px; transition: transform 0.2s; diff --git a/src/features/InitClientDB/InitIndicator.tsx b/src/features/InitClientDB/InitIndicator.tsx index a7a3eac8c744e..40dca6706630d 100644 --- a/src/features/InitClientDB/InitIndicator.tsx +++ b/src/features/InitClientDB/InitIndicator.tsx @@ -17,8 +17,8 @@ const useStyles = createStyles(({ css, token, prefixCls }) => ({ bg: css` padding-block: 8px; padding-inline: 8px 32px; - background: ${token.colorText}; border-radius: 40px; + background: ${token.colorText}; `, container: css` position: fixed; diff --git a/src/features/KnowledgeBaseModal/AddFilesToKnowledgeBase/SelectForm.tsx b/src/features/KnowledgeBaseModal/AddFilesToKnowledgeBase/SelectForm.tsx index a45c3a6176393..e4ef3621cfc0b 100644 --- a/src/features/KnowledgeBaseModal/AddFilesToKnowledgeBase/SelectForm.tsx +++ b/src/features/KnowledgeBaseModal/AddFilesToKnowledgeBase/SelectForm.tsx @@ -14,7 +14,6 @@ const useStyles = createStyles(({ css, token }) => ({ height: 48px; padding-block: 4px; padding-inline: 8px; - border: 1px solid ${token.colorSplit}; border-radius: 6px; `, diff --git a/src/features/PluginsUI/Render/Loading.tsx b/src/features/PluginsUI/Render/Loading.tsx index e09505e8b132a..7c73e80c9e5d9 100644 --- a/src/features/PluginsUI/Render/Loading.tsx +++ b/src/features/PluginsUI/Render/Loading.tsx @@ -12,7 +12,6 @@ const useStyles = createStyles( width: 300px; height: 12px; - border: 1px solid ${token.colorBorder}; border-radius: 10px; diff --git a/src/features/Portal/Home/Body/Files/FileList/Item.tsx b/src/features/Portal/Home/Body/Files/FileList/Item.tsx index 08f7f65f93dbb..664b4e2595949 100644 --- a/src/features/Portal/Home/Body/Files/FileList/Item.tsx +++ b/src/features/Portal/Home/Body/Files/FileList/Item.tsx @@ -17,9 +17,9 @@ const useStyles = createStyles(({ css, token }) => ({ max-width: 420px; padding-block: 8px; padding-inline: 12px; + border-radius: 8px; background: ${token.colorFillTertiary}; - border-radius: 8px; &:hover { background: ${token.colorFillSecondary}; diff --git a/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/style.ts b/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/style.ts index 702a5b59de18b..55b65600bbe7e 100644 --- a/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/style.ts +++ b/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/style.ts @@ -8,11 +8,11 @@ export const useStyles = createStyles(({ css, token }) => ({ padding-block: 10px; padding-inline: 8px; padding-inline-end: 12px; + border-radius: 8px; color: ${token.colorText}; background: ${token.colorBgElevated}; - border-radius: 8px; &:hover { background: ${token.colorFillSecondary}; @@ -33,7 +33,6 @@ export const useStyles = createStyles(({ css, token }) => ({ width: 24px; height: 24px; - border-radius: 4px; `, tagBlue: css` diff --git a/src/features/ShareModal/ShareImage/style.ts b/src/features/ShareModal/ShareImage/style.ts index c10096cac6e13..ca7ef3ec40a13 100644 --- a/src/features/ShareModal/ShareImage/style.ts +++ b/src/features/ShareModal/ShareImage/style.ts @@ -30,14 +30,14 @@ export const useStyles = createStyles(({ css, token, cx }, withBackground: boole header: css` margin-block-end: -24px; padding: 16px; - background: ${token.colorBgContainer}; border-block-end: 1px solid ${token.colorBorder}; + background: ${token.colorBgContainer}; `, role: css` margin-block-start: 12px; padding-block-start: 12px; - opacity: 0.75; border-block-start: 1px dashed ${token.colorBorderSecondary}; + opacity: 0.75; * { font-size: 12px !important; diff --git a/src/features/ShareModal/style.ts b/src/features/ShareModal/style.ts index 0846510759bb7..9259fd2e793a5 100644 --- a/src/features/ShareModal/style.ts +++ b/src/features/ShareModal/style.ts @@ -8,11 +8,11 @@ export const useContainerStyles = createStyles(({ css, token, stylish, cx, respo width: 100%; max-height: 70dvh; - - background: ${token.colorBgLayout}; border: 1px solid ${token.colorBorder}; border-radius: ${token.borderRadiusLG}px; + background: ${token.colorBgLayout}; + * { pointer-events: none; diff --git a/src/features/User/DataStatistics.tsx b/src/features/User/DataStatistics.tsx index dc337093ab713..266edb836ab17 100644 --- a/src/features/User/DataStatistics.tsx +++ b/src/features/User/DataStatistics.tsx @@ -21,8 +21,8 @@ const useStyles = createStyles(({ css, token }) => ({ card: css` padding-block: 6px; padding-inline: 8px; - background: ${token.colorFillTertiary}; border-radius: ${token.borderRadius}px; + background: ${token.colorFillTertiary}; &:hover { background: ${token.colorFillSecondary}; diff --git a/src/layout/AuthProvider/Clerk/useAppearance.ts b/src/layout/AuthProvider/Clerk/useAppearance.ts index ca13a3f1cf17a..4aee3cd64176a 100644 --- a/src/layout/AuthProvider/Clerk/useAppearance.ts +++ b/src/layout/AuthProvider/Clerk/useAppearance.ts @@ -16,8 +16,8 @@ export const useStyles = createStyles( height: 40px; `, cardBox: css` - background: ${token.colorBgContainer}; border-radius: ${token.borderRadiusLG}px; + background: ${token.colorBgContainer}; box-shadow: 0 0 0 1px ${token.colorBorderSecondary}; `, header: css` @@ -66,17 +66,17 @@ export const useStyles = createStyles( .${prefixCls}-cardBox { width: 100%; height: 100%; - border: unset; border-radius: unset; + box-shadow: unset; } } `, scrollBox: css` - background: ${isDarkMode ? token.colorFillQuaternary : token.colorBgElevated}; border: unset; border-radius: unset; + background: ${isDarkMode ? token.colorFillQuaternary : token.colorBgElevated}; box-shadow: 0 1px 0 1px ${token.colorFillTertiary}; `, socialButtons: css` diff --git a/src/layout/GlobalProvider/AppTheme.tsx b/src/layout/GlobalProvider/AppTheme.tsx index 2da2a469a6986..36c4c4268aca2 100644 --- a/src/layout/GlobalProvider/AppTheme.tsx +++ b/src/layout/GlobalProvider/AppTheme.tsx @@ -69,9 +69,9 @@ const useStyles = createStyles(({ css, token }) => ({ } :hover::-webkit-scrollbar-thumb { + border: 3px solid transparent; background-color: ${token.colorText}; background-clip: content-box; - border: 3px solid transparent; } ::-webkit-scrollbar-track { diff --git a/src/styles/global.ts b/src/styles/global.ts index 0dc17cf1fbbc0..76663ee532322 100644 --- a/src/styles/global.ts +++ b/src/styles/global.ts @@ -36,9 +36,9 @@ export default ({ token }: { prefixCls: string; token: Theme }) => css` } :hover::-webkit-scrollbar-thumb { + border: 3px solid transparent; background-color: ${token.colorText}; background-clip: content-box; - border: 3px solid transparent; } ::-webkit-scrollbar-track {