修改样式

src/index.scss

@@ -434,6 +434,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
+  min-height: 100vh;
   background-size: contain;
 
   &-header {
@@ -623,7 +624,8 @@
       flex: 1;
       box-sizing: border-box;
       height: 100%;
-      min-width: 968Px;
+      // min-width: 968Px;
+      width: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -635,7 +637,8 @@
     height: 100%;
     overflow: hidden;
     box-sizing: border-box;
-    min-height: 640Px;
+    // min-height: 640Px;
+    height: 100%;
     flex: 1;
     border-radius: 12Px;
     display: flex;
@@ -728,6 +731,7 @@
     &-main {
       flex: 1;
       display: flex;
+      min-height: 100vh;
 
       .conversation {
         min-width: 300Px;

src/style.css

@@ -25,8 +25,8 @@ a:hover {
 
 body {
   margin: 0;
-  display: flex;
-  place-items: center;
+  /* display: flex;
+  place-items: center; */
   min-width: 320px;
   min-height: 100vh;
 }