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 7fb1e8b1e929..a326177cad35 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 1327e3620e60..5c7e2026586a 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 3d38cdc6aac1..71d5ec96f072 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 c14ec925c8c4..7ca82ff5ac5e 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 1079f89c9e8d..cc0c63eed93e 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 1ae5328afb1e..78fd1728bb0f 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 399a8750dd2f..8564b5ea7172 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 0c01952e8516..d3cb7dcb705d 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 cfe555b1953d..8c144580bcdf 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 03056ed33524..acdc76789872 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 80a79ee25c22..6a2cefbb2be2 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 0eff25b1f6bf..c018746e03f7 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 8541dab54bf3..dde2f3d775e5 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 e26b2ece5599..f3c26e3a27d0 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 2a10574cdaac..cdd53613b60b 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 c5cbab937ef7..79b41a986006 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 244d5737fd9e..fd15bc094361 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 497ee4755cfb..d4d3096f13b2 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 7053828d197a..4a200540cf21 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 3cdacdd70e67..612937d8b112 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 5b6702d4fd9d..9a4ec618fd95 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 3a4fba1c9de2..20faf1a6eb97 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 42a4b8b124ca..1673047dd359 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 2e256f785ff8..34f2d527b1f6 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 2b443c73d1ad..734617da30df 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 f06be327f7db..3896e9a925a7 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 a3cb61355107..43b02ea10bad 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 e87307ed939b..809149c7a449 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 1af5379578e7..ad92dfb73309 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 673ae17db77f..665e530c6cba 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 deea50a35812..8296f6d7e23e 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 49d8ac14b73f..fbdd9de76aff 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 147c6d6dfde4..6de265c00999 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 bf6f016814ae..622830f68574 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 7a87a2acb08c..a768d9a295d1 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 ffe220fa5de2..2988b9ad9f9f 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 a2ebcd7d82cb..b924b31de73d 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 547017939a3a..441e81bb0b24 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 930aaaeab1a6..7a1c4a3ef30c 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 4b397cdc2fff..29609e58db9c 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 fdf4c1c77224..6aea3ae267e8 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 873a84e02d08..a283235a11c1 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 1676330a8015..791614286927 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 2d95f40f4ebc..c474934152ec 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 fac9bb74942e..b8173cab116a 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 f8c00b89ecc6..cae58610b3ae 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 1327e3620e60..5c7e2026586a 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 92d0c2f47777..e24afa4d961b 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 ac2b03b96ad7..bd28f229682e 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 7fa97cca0169..2b26d26cf2cd 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 c6274d166950..b8d7769e47a2 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 4a8820c61150..5d8035c5d549 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 0fe8ae8bffc8..c7e12649a297 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 2b561516e6e9..42ff1890b3a1 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 e5265c8ecdef..e91ac702426c 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 9b33eb9a3d26..ce2fc818b17c 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 6fb2771d3eb5..f76c9a35f4a4 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 c1d870e0e8e6..e6d403e1383d 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 f8b992f718bb..b18cc7b77843 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 b08a029af55b..c0e43d4c55fb 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 79ae62d0d41b..fc2befe20d7a 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 865cedb73e79..f931e567d553 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 62be6391a5e9..837088e99444 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 46aacd465d1c..db150caf92fd 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 d3abfd5148bf..92231714d0bc 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 dec43dfa57a2..f9b73bcca15c 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 e3704ce546a5..5223fb95dea1 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 13d66d9a4e0b..2ffabe50e1f7 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 543ec23fc128..550bbf571cb4 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 9fccf9c8dcb6..6a02a7ddc219 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 9fccf9c8dcb6..6a02a7ddc219 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 b35cfdb70db3..17bbe41ff60f 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 b6a18df66f6c..d94ea216115b 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 667c031f4d2b..aa0b6f1650ac 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 9faf08782313..d95003fe35b5 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 5935b8326a2e..c29762f44613 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 e2e2b7f4a68d..14fdb853ceb6 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 5df30ebb24f6..dc7e5b45ea9f 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 97fe8ecd7f2f..d05bf37693ac 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 9b148dffa310..543d4440dacc 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 da25de7944d0..a3b2abef03e6 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 311687621f11..4a15aee956cd 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 7efcbbb92490..0fe4181b2622 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 bba9bd50aadd..8d5b095dfea2 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 e4379d83ceff..d35b38619fbb 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 967084de7381..fd682876948a 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 4ddc2bc2b80e..df7155738e3e 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 a7a3eac8c744..40dca6706630 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 a45c3a617639..e4ef3621cfc0 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 e09505e8b132..7c73e80c9e5d 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 08f7f65f93db..664b4e259594 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 702a5b59de18..55b65600bbe7 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 c10096cac6e1..ca7ef3ec40a1 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 0846510759bb..9259fd2e793a 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 dc337093ab71..266edb836ab1 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 ca13a3f1cf17..4aee3cd64176 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 2da2a469a698..36c4c4268aca 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 0dc17cf1fbbc..76663ee53232 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 {