From dec92d20a6eb95ef39d6af77a0e1d28f59ecc637 Mon Sep 17 00:00:00 2001 From: Scenery <1507337624@qq.com> Date: Tue, 7 May 2024 15:34:08 +0800 Subject: [PATCH] feat: optimize mobile style --- apps/agent/src/components/PreviewChat/MessageList/index.tsx | 2 -- apps/agent/src/components/PreviewChat/MessageList/style.ts | 4 ++++ apps/agent/src/components/PreviewChat/style.ts | 2 +- .../src/page/WorkSpace/AI/components/AIAgentMessage/style.ts | 2 +- .../page/WorkSpace/AI/components/GroupAgentMessage/style.ts | 2 +- .../src/page/WorkSpace/AI/components/UserMessage/style.ts | 2 +- .../TipisDashboard/mobile/components/MarketCard/style.ts | 2 ++ .../TipisDashboard/pc/components/MarketCard/style.ts | 2 ++ 8 files changed, 12 insertions(+), 6 deletions(-) diff --git a/apps/agent/src/components/PreviewChat/MessageList/index.tsx b/apps/agent/src/components/PreviewChat/MessageList/index.tsx index 8e7357a7..03ff73d1 100644 --- a/apps/agent/src/components/PreviewChat/MessageList/index.tsx +++ b/apps/agent/src/components/PreviewChat/MessageList/index.tsx @@ -46,8 +46,6 @@ const MessageList = forwardRef( } })} - - {/*
{messagesList}
*/} ) }, diff --git a/apps/agent/src/components/PreviewChat/MessageList/style.ts b/apps/agent/src/components/PreviewChat/MessageList/style.ts index 48f8970a..354711fe 100644 --- a/apps/agent/src/components/PreviewChat/MessageList/style.ts +++ b/apps/agent/src/components/PreviewChat/MessageList/style.ts @@ -1,4 +1,5 @@ import { css } from "@emotion/react" +import { applyMobileStyle } from "@illa-public/utils" export const chatContainerStyle = css` display: flex; @@ -14,4 +15,7 @@ export const maxWidthStyle = css` width: 100%; max-width: 832px; padding: 0 16px; + ${applyMobileStyle(css` + padding: 0 20px; + `)} ` diff --git a/apps/agent/src/components/PreviewChat/style.ts b/apps/agent/src/components/PreviewChat/style.ts index cb7e8f59..a8ece644 100644 --- a/apps/agent/src/components/PreviewChat/style.ts +++ b/apps/agent/src/components/PreviewChat/style.ts @@ -22,7 +22,7 @@ export const inputTextContainerStyle = css` flex: none; ${applyMobileStyle(css` border-top: 1px solid ${getColor("grayBlue", "09")}; - padding: 20px; + padding: 12px 20px; `)} ` diff --git a/apps/agent/src/page/WorkSpace/AI/components/AIAgentMessage/style.ts b/apps/agent/src/page/WorkSpace/AI/components/AIAgentMessage/style.ts index b815dfa9..1af01738 100644 --- a/apps/agent/src/page/WorkSpace/AI/components/AIAgentMessage/style.ts +++ b/apps/agent/src/page/WorkSpace/AI/components/AIAgentMessage/style.ts @@ -8,7 +8,7 @@ export const agentMessageContainer = css` flex-direction: row; width: 100%; ${applyMobileStyle(css` - padding: 24px 12px 8px 12px; + padding: 24px 0 8px 0; `)} ` diff --git a/apps/agent/src/page/WorkSpace/AI/components/GroupAgentMessage/style.ts b/apps/agent/src/page/WorkSpace/AI/components/GroupAgentMessage/style.ts index cea6573a..21ce501d 100644 --- a/apps/agent/src/page/WorkSpace/AI/components/GroupAgentMessage/style.ts +++ b/apps/agent/src/page/WorkSpace/AI/components/GroupAgentMessage/style.ts @@ -11,7 +11,7 @@ export const agentMessageContainer = css` overflow: hidden; flex: none; ${applyMobileStyle(css` - padding: 24px 12px 8px 12px; + padding: 24px 0 8px 0; `)} ` diff --git a/apps/agent/src/page/WorkSpace/AI/components/UserMessage/style.ts b/apps/agent/src/page/WorkSpace/AI/components/UserMessage/style.ts index 46b23e82..be728a23 100644 --- a/apps/agent/src/page/WorkSpace/AI/components/UserMessage/style.ts +++ b/apps/agent/src/page/WorkSpace/AI/components/UserMessage/style.ts @@ -11,7 +11,7 @@ export const agentMessageContainer = css` flex: none; flex-direction: row; ${applyMobileStyle(css` - padding: 24px 12px 8px 12px; + padding: 24px 0 8px 0; `)} ` diff --git a/apps/agent/src/page/WorkSpace/TipisDashboard/mobile/components/MarketCard/style.ts b/apps/agent/src/page/WorkSpace/TipisDashboard/mobile/components/MarketCard/style.ts index 093eefef..e50867b5 100644 --- a/apps/agent/src/page/WorkSpace/TipisDashboard/mobile/components/MarketCard/style.ts +++ b/apps/agent/src/page/WorkSpace/TipisDashboard/mobile/components/MarketCard/style.ts @@ -91,10 +91,12 @@ export const descriptionStyle = css` color: ${getColor("grayBlue", "03")}; font-size: 12px; font-weight: 400; + width: 100%; line-height: 16px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; + word-break: break-all; ` diff --git a/apps/agent/src/page/WorkSpace/TipisDashboard/pc/components/MarketCard/style.ts b/apps/agent/src/page/WorkSpace/TipisDashboard/pc/components/MarketCard/style.ts index 5d0abf54..9c5ac814 100644 --- a/apps/agent/src/page/WorkSpace/TipisDashboard/pc/components/MarketCard/style.ts +++ b/apps/agent/src/page/WorkSpace/TipisDashboard/pc/components/MarketCard/style.ts @@ -91,6 +91,7 @@ export const nameStyle = css` export const descriptionStyle = css` color: ${getColor("grayBlue", "03")}; font-size: 12px; + width: 100%; font-weight: 400; line-height: 16px; text-overflow: ellipsis; @@ -98,4 +99,5 @@ export const descriptionStyle = css` display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; + word-break: break-all; `