Merge pull request #98 from tipisai/beta

style: update chat message card style
tipisai · Apr 9, 2024 · cd82878 · cd82878
2 parents 1036c10 + f48681e
commit cd82878
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/agent/src/page/WorkSpace/AI/components/MarkdownMessage/index.tsx b/apps/agent/src/page/WorkSpace/AI/components/MarkdownMessage/index.tsx
@@ -99,6 +99,7 @@ export const MarkdownMessage: FC<MarkdownMessageProps> = (props) => {
         minWidth: "24px",
         boxShadow: "none",
       }}
+      mouseEnterDelay={0}
       title={
         <span
           css={hoverCopyStyle(isOwnMessage)}

diff --git a/apps/agent/src/page/WorkSpace/AI/components/MarkdownMessage/style.ts b/apps/agent/src/page/WorkSpace/AI/components/MarkdownMessage/style.ts
@@ -27,7 +27,7 @@ export const hoverCopyStyle = (isOwnMessage?: boolean) => css`
   background: ${getColor("white", "01")};
   cursor: pointer;
   color: ${getColor("grayBlue", "02")};
-  transform: translate(${isOwnMessage ? "-8px" : "8px"}, 12px);
+  transform: translate(${isOwnMessage ? "-8px" : "8px"}, 8px);
 `
 
 export const cellStyle = css`

diff --git a/apps/agent/src/page/WorkSpace/AI/components/UserMessage/ShowFiles/style.ts b/apps/agent/src/page/WorkSpace/AI/components/UserMessage/ShowFiles/style.ts
@@ -9,7 +9,6 @@ export const containerStyle = css`
   justify-content: flex-end;
   align-items: flex-start;
   flex-wrap: wrap;
-  margin-bottom: 8px;
   ${applyMobileStyle(css`
     display: flex;
     flex-direction: column;
@@ -21,7 +20,7 @@ export const containerStyle = css`
 export const fileItemStyle = css`
   display: flex;
   width: 284px;
-  padding: 8px;
+  padding: 16px;
   align-items: center;
   gap: 4px;
   align-self: stretch;

diff --git a/apps/agent/src/page/WorkSpace/AI/components/UserMessage/style.ts b/apps/agent/src/page/WorkSpace/AI/components/UserMessage/style.ts
@@ -20,7 +20,7 @@ export const senderContainerStyle = css`
   overflow-x: hidden;
   flex-direction: column;
   align-items: end;
-  gap: 4px;
+  gap: 8px;
   max-width: 100%;
 `