feat: adjust demo ui

TEN-framework · Sep 17, 2024 · 3b8536d · 3b8536d
1 parent 2586851
commit 3b8536d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/demo/src/app/global.css b/demo/src/app/global.css
@@ -8,6 +8,7 @@ html,
 body {
   background-color: #0F0F11;
   font-family: "PingFang SC";
+  height: 100%;
 }
 
 a {

diff --git a/demo/src/platform/pc/entry/index.module.scss b/demo/src/platform/pc/entry/index.module.scss
@@ -2,16 +2,26 @@
   position: relative;
   height: 100%;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
 
   .content {
     position: relative;
     padding: 16px;
     box-sizing: border-box;
+    display: flex;
+    height: calc(100% - 64px);
+    flex-direction: column;
 
     .body {
       margin-top: 16px;
       display: flex;
       gap: 24px;
+      flex-grow: 1;
+      .chat {
+        display: flex;
+        flex-grow: 1;
+      }
     }
   }
 }
diff --git a/demo/src/platform/pc/entry/index.tsx b/demo/src/platform/pc/entry/index.tsx
@@ -11,8 +11,12 @@ const PCEntry = () => {
     <div className={styles.content}>
       <Description></Description>
       <div className={styles.body}>
-        <Rtc></Rtc>
-        <Chat></Chat>
+        <div className={styles.rtc}>
+          <Rtc></Rtc>
+        </div>
+        <div className={styles.chat}>
+          <Chat></Chat>
+        </div>
       </div>
     </div>
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,7 @@ html, @@
     body {
       background-color: #0F0F11;
       font-family: "PingFang SC";
+      height: 100%;
     }
     a {
@@ Expand Down @@