Fix issue of additional scroll bar

codeday · Aug 21, 2024 · d7d9a3a · d7d9a3a
1 parent 6ccc70f
commit d7d9a3a
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/frontend/src/components/Chatbot.css b/frontend/src/components/Chatbot.css
@@ -1,12 +1,12 @@
 .container {
   padding: 50px;
   padding-bottom: 70px;
-  margin-top: 200px;
+  margin-top: 350px;
   margin-bottom: 60px;
   border-radius: 20px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   width: 65vw;
-  height: 85vh;
+  height: 100vh;
   text-align: center;
   background:#777ed4; /* Fallback for old browsers */
   background: -webkit-linear-gradient(to right, #6b90e0, #777ed4);  /* Chrome 10-25, Safari 5.1-6 */
@@ -19,6 +19,7 @@
   .container {
     width: 75vw;
     padding: 30px;
+    margin-top: 250px;
   }
 }  
 
@@ -27,7 +28,7 @@
   padding: 25px;
   margin-bottom: 10px;
   height: 50vh;
-  overflow:wrap;
+  overflow-x: wrap;
   overflow-y: auto;
   background:#473b8b;
   opacity: 0.5;
@@ -50,6 +51,7 @@ h1 {
   padding: 0;
   margin: 0;
   color:white;
+  overflow-x: wrap;
 }
 
 .message {