fix floating support chat width

2023-05-10 22:43:14 +03:00 · 2023-05-10 22:43:14 +03:00 · 6d44da683c
commit 6d44da683c
parent f117394f47
2 changed files with 5 additions and 2 deletions
--- a/src/components/FloatingSupportChat/Chat.tsx
+++ b/src/components/FloatingSupportChat/Chat.tsx
@ -174,7 +174,6 @@ export default function Chat({ sx }: Props) {
        <Box sx={{
            display: "flex",
            flexDirection: "column",
-            width: "400px",
            height: "clamp(250px, 100dvh - 80px, 600px)",
            backgroundColor: "#944FEE",
            borderRadius: "8px",
--- a/src/components/FloatingSupportChat/FloatingSupportChat.tsx
+++ b/src/components/FloatingSupportChat/FloatingSupportChat.tsx
@ -13,11 +13,15 @@ export default function FloatingSupportChat() {
            right: "20px",
            bottom: "10px",
            display: "flex",
+            flexDirection: "column",
+            gap: "8px",
+            width: "clamp(200px, 100% - 40px, 454px)",
            zIndex: 10,
        }}>
            {isChatOpened &&
                <Chat sx={{
-                    mb: "54px",
+                    alignSelf: "start",
+                    width: "clamp(200px, 100%, 400px)",
                }} />
            }
            <Fab