Merge pull request #479 from easyops-cn/steve/chat-panel

fix(): refine page container style

Author: weareoutman

bricks/ai-portal/src/chat-panel/index.tsx

@@ -269,11 +269,12 @@ function LegacyChatPanelComponent(
   const taskContextValue = useMemo(
     () =>
       ({
+        conversationState,
         setActiveFile,
         setActiveImages,
         humanInput,
       }) as TaskContextValue,
-    [humanInput]
+    [conversationState, humanInput]
   );
 
   useImperativeHandle(

bricks/ai-portal/src/chat-stream/NodeChunk/NodeChunk.module.css

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   padding: 5px 8px;
-  margin: 0 -8px 12px;
+  margin: 0 0 12px;
   cursor: pointer;
 }
 

bricks/ai-portal/src/page-container/index.tsx

@@ -81,7 +81,7 @@ function PageContainerComponent({
   const header =
     pageTitle || breadcrumbs?.length ? (
       <div className="header">
-        <nav>
+        <nav className={breadcrumbs?.length ? "with-breadcrumbs" : ""}>
           {breadcrumbs?.length ? (
             <ul className="breadcrumbs">
               {breadcrumbs.map((item, index) => (

bricks/ai-portal/src/page-container/styles.shadow.css

@@ -67,19 +67,26 @@
 }
 
 nav {
-  font-weight: 500;
-  font-size: 20px;
-  line-height: 28px;
+  font-size: 28px;
+  line-height: 40px;
+  font-weight: 600;
   display: flex;
   min-width: 0;
   white-space: nowrap;
   flex-wrap: wrap;
 }
 
+nav.with-breadcrumbs {
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 28px;
+}
+
 h1 {
   margin: 0;
   font-size: inherit;
   line-height: inherit;
+  font-weight: inherit;
 }
 
 .breadcrumbs {