style: temporarily adjust the style of the co-pilot (#2804)

plugins/copilot/src/core/components/conversation-list/index.css.ts

@@ -4,4 +4,6 @@ export const conversationListStyle = style({
   display: 'flex',
   flexDirection: 'column',
   gap: '30px',
+  height: 'calc(100% - 100px)',
+  overflow: 'auto',
 });

plugins/copilot/src/core/components/conversation/index.css.ts

@@ -2,6 +2,9 @@ import { style } from '@vanilla-extract/css';
 
 export const conversationStyle = style({
   padding: '10px 18px',
+  border: '1px solid var(--affine-border-color)',
+  fontSize: 'var(--affine-font-xs)',
+  lineHeight: '16px',
 });
 
 export const aiMessageStyle = style({
@@ -11,5 +14,5 @@ export const aiMessageStyle = style({
 
 export const humanMessageStyle = style({
   borderRadius: '18px 18px 2px 18px',
-  backgroundColor: 'white',
+  backgroundColor: 'var(--affine-white-90)',
 });

plugins/copilot/src/core/components/following-up/index.css.ts

@@ -6,12 +6,15 @@ export const followingUpStyle = style({
   flexWrap: 'wrap',
   gap: '10px',
   alignItems: 'flex-start',
+  marginTop: '10px',
+  marginBottom: '10px',
 });
 
 export const questionStyle = style({
-  backgroundColor: 'white',
+  backgroundColor: 'var(--affine-white-90)',
+  fontSize: 'var(--affine-font-xs)',
+  border: '1px solid var(--affine-border-color)',
   borderRadius: '8px',
-  color: '#8E8D91',
-  padding: '2px 10px',
+  padding: '6px 12px',
   cursor: 'pointer',
 });