Merge pull request #324 from mqasim23/fix/msgbox-sizing-rendering

#323 msg box sizing fixed
Dyalog · Dec 17, 2024 · 37155af · 37155af
2 parents 9ff4a05 + 4ae4181
commit 37155af
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/MessageBox/MessageBox.css b/src/components/MessageBox/MessageBox.css
@@ -16,12 +16,13 @@
   background: white;
   /* padding: 20px; */
   width: 300px;
-  height: 150px;
+  min-height: 150px;
   /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border: none;
+  border-radius: 0 0 10px 10px;
 }
 
 .msgbox-container.with-border{
@@ -34,11 +35,11 @@
   margin-bottom: 10px;
   background-color: lightgrey;
   padding: 10px;
-  /* border-radius: 10px 10px 0 0; */
+  border-radius: 10px 10px 0 0;
 }
 
 .msgbox-header.with-border{
-  border-radius: 10px;
+  /* border-radius: 10px; */
 }
 
 .msgbox-body {
@@ -95,11 +96,11 @@
   justify-content: space-between;
   background-color: lightgrey;
   padding: 10px;
-  /* border-radius: 0 0 10px 10px; */
+  border-radius: 0 0 10px 10px;
 }
 
 .msgbox-footer.with-border{
-  border-radius: 10px;
+  /* border-radius: 10px; */
 }
 
 .rounded-button {

diff --git a/src/components/MessageBox/index.jsx b/src/components/MessageBox/index.jsx
@@ -39,7 +39,7 @@ const MsgBox = ({ data, onClose, isDesktop, options }) => {
           )}
           <span>{Text}</span>
         </div>
-        <div className={`msgbox-footer ${renderCheck ? 'with-border': ''}`}>
+        <div className={`msgbox-footer with-border`}>
           {Array.isArray(Btns) ? (
             Btns.map((btn, index) => (
               <button