diff --git a/apps/ui/src/modals/AIChatModal/components/ChatMessageList/components/HumanMessageText.tsx b/apps/ui/src/modals/AIChatModal/components/ChatMessageList/components/HumanMessageText.tsx index e9df7f86b..2ac933031 100644 --- a/apps/ui/src/modals/AIChatModal/components/ChatMessageList/components/HumanMessageText.tsx +++ b/apps/ui/src/modals/AIChatModal/components/ChatMessageList/components/HumanMessageText.tsx @@ -47,7 +47,7 @@ const StyledTextWrapper = styled.div` align-items: center; flex-wrap: wrap; & > * { - margin-right: 5px; + margin-right: 3px; } ` diff --git a/apps/ui/src/pages/Datasource/DatasourceCard/DatasourceCard.tsx b/apps/ui/src/pages/Datasource/DatasourceCard/DatasourceCard.tsx index ce77bb6fe..d8885266a 100644 --- a/apps/ui/src/pages/Datasource/DatasourceCard/DatasourceCard.tsx +++ b/apps/ui/src/pages/Datasource/DatasourceCard/DatasourceCard.tsx @@ -102,7 +102,7 @@ const StyledCard = styled.div` min-width: 250px; height: 170px; min-height: 170px; - + border: ${({ theme }) => theme.body.border}; background: rgba(0, 0, 0, 0.2); /* background: rgba(0, 0, 0, 0.4); */ diff --git a/apps/ui/src/pages/Toolkit/components/ToolCard.tsx b/apps/ui/src/pages/Toolkit/components/ToolCard.tsx index d4ef25253..75274b595 100644 --- a/apps/ui/src/pages/Toolkit/components/ToolCard.tsx +++ b/apps/ui/src/pages/Toolkit/components/ToolCard.tsx @@ -69,6 +69,7 @@ const StyledRoot = styled.div<{ bgImg: string; isDisabled: boolean; isReadOnly: background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.4) 100%); background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); + border: ${({ theme }) => theme.body.border}; border-radius: 16px; background-image: ${p => p.bgImg && diff --git a/apps/ui/src/styles/theme.ts b/apps/ui/src/styles/theme.ts index 542092896..9d5228971 100644 --- a/apps/ui/src/styles/theme.ts +++ b/apps/ui/src/styles/theme.ts @@ -56,7 +56,7 @@ const lightTheme: DefaultTheme = { backdropFilter: 'blur(50px);', textColorPrimary: 'rgb(59, 59, 59)', textColorSecondary: 'rgb(110,110,110)', - border: '1px solid #D2D2D2', + border: '1px solid #acacad', backgroundImageSecondary: defaultBgImageSecondary, testVariableColor: 'var(--color-highlight_blue)', iconColor: 'rgb(187,187,187)',