Merge branch 'feat/optimize-mobile-style' into develop

tipisai · May 7, 2024 · 274699a · 274699a
2 parents e314d66 + dec92d2
commit 274699a
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 6 deletions.
diff --git 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<HTMLDivElement, IMessageListProps>(
             }
           })}
         </div>
-
-        {/* <div css={maxWidthStyle}>{messagesList}</div> */}
       </div>
     )
   },

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -91,11 +91,13 @@ 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;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
+  word-break: break-all;
 `
-Original file line number
+Diff line change
@@ Expand Up @@
                 }
               })}
             </div>
-            {/* <div css={maxWidthStyle}>{messagesList}</div> */}
           </div>
         )
       },
@@ Expand Down @@