refactor: page layout

src/pages/playground/style/ground-left.less

@@ -1,3 +1,5 @@
+@HEADER_HEIGHT: 56px;
+
 .ground-left-wrapper {
   display: flex;
 
@@ -7,7 +9,7 @@
     width: 390px;
     border-left: 1px solid var(--ant-color-split);
     transition: width 0.3s ease;
-    height: calc(100vh - 72px);
+    height: calc(100vh - @HEADER_HEIGHT);
     padding-top: 16px;
     overflow-y: auto;
 
@@ -40,7 +42,7 @@
     justify-content: space-between;
     flex-direction: column;
     position: relative;
-    height: calc(100vh - 72px);
+    height: calc(100vh - @HEADER_HEIGHT);
     width: calc(100% - 390px);
 
     .message-list-wrap {

src/pages/playground/style/play-ground.less

@@ -1,3 +1,5 @@
+@HEADER_HEIGHT: 56px;
+
 .play-ground {
   display: flex;
   align-items: flex-start;
@@ -37,7 +39,7 @@
 
   .params {
     overflow: hidden;
-    height: calc(100vh - 72px);
+    height: calc(100vh - @HEADER_HEIGHT);
 
     .collapse {
       width: 0;
@@ -81,20 +83,19 @@
 
   .ant-page-header {
     position: relative;
-    height: 72px;
   }
 
   &.chat {
     .ant-page-header {
-      &::after {
-        position: absolute;
-        content: '';
-        left: 32px;
-        right: 32px;
-        bottom: 0;
-        height: 1px;
-        border-bottom: 1px solid var(--ant-color-split);
-      }
+      // &::after {
+      //   position: absolute;
+      //   content: '';
+      //   left: 32px;
+      //   right: 32px;
+      //   bottom: 0;
+      //   height: 1px;
+      //   border-bottom: 1px solid var(--ant-color-split);
+      // }
     }
   }