From b8b74d6f27e9189e36fb239bc9fe9d0ae00a21d7 Mon Sep 17 00:00:00 2001
From: Coki <92775570+HashCookie@users.noreply.github.com>
Date: Sat, 3 Aug 2024 00:13:36 +0800
Subject: [PATCH] fix: chat widget width and enhance box shadow styling (#259)

---
 src/ChatWidget/chatStyles.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ChatWidget/chatStyles.js b/src/ChatWidget/chatStyles.js
index bd5ed6c..32db8ec 100644
--- a/src/ChatWidget/chatStyles.js
+++ b/src/ChatWidget/chatStyles.js
@@ -40,7 +40,7 @@ export const chatIframeContainer = {
   position: "fixed",
   bottom: "80px",
   right: "20px",
-  width: "min(500px, calc(100vw - 40px))",
+  width: "min(550px, calc(100vw - 40px))",
   height: "min(600px, calc(100vh - 100px))",
   borderRadius: "10px",
   zIndex: 1001,
@@ -49,7 +49,7 @@ export const chatIframeContainer = {
   transition: "all 0.3s ease",
   transform: "translateY(30px)",
   opacity: 1,
-  boxShadow: "0 5px 60px rgba(0, 0, 0, 0.6)",
+  boxShadow: "-8px 0 8px -8px rgba(0, 0, 0, 0.2), 0 -8px 8px -8px rgba(0, 0, 0, 0.2), 0 8px 8px -8px rgba(0, 0, 0, 0.2)",
 };
 
 export const chatIframeContainerOpen = {
@@ -60,5 +60,5 @@ export const chatIframeContainerOpen = {
 export const chatIframe = {
   width: "100%",
   height: "100%",
-  marginLeft: "-5px",
+  marginLeft: "-2px",
 };