advaisor-chatbot 1.3.0 → 1.4.0

package/dist/testchatbot.js

@@ -1431,23 +1431,47 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         .chat-trigger:hover { transform: scale(1.05); }
 
         .chat-window {
-          resize: both;
           position: fixed;
           bottom: 20px;
           right: 20px;
           z-index: 10000;
+
           display: none;
           flex-direction: column;
-          background: white;
-          box-shadow: 0 10px 25px rgba(0,0,0,0.2);
-          border-radius: 12px;
-          width: 400px;
-          max-width: 90vw;
-          height: 85vh;
+
+          background: #ffffff;
+          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+
+          width: 30vw;
+          max-width: 420px;
+
+          height: 90vh;
+          max-height: 90vh;
+
+          border-radius: 16px;
           overflow: hidden;
-          min-width: min(300px, 85vw);
-          min-height: min(450px, 85vw);
-          transition: width 0.2s ease, height 0.2s ease;
+
+          transition: all 0.25s ease;
+
+          resize: both;
+          min-width: 300px;
+          min-height: 450px;
+        }
+        
+        @media (max-width: 768px) {
+          .chat-window {
+            width: 100vw;
+            max-width: 100vw;
+
+            min-height: 85vh;
+            max-height: 85vh;
+            height: auto;
+
+            bottom: 0;
+            right: 0;
+
+            border-radius: 16px 16px 0 0; /* rounded top only */
+          }
         }
 
         .chat-body {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "advaisor-chatbot",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Embeddable chatbot component",
   "main": "dist/testchatbot.js",
   "scripts": {