Change suggestions padding bottom in mobile

NucleoidAI · Jul 23, 2024 · dfe0dcf · dfe0dcf
1 parent 076350c
commit dfe0dcf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/widgets/Chat/ChatWidget.jsx b/src/widgets/Chat/ChatWidget.jsx
@@ -11,13 +11,15 @@ import useChat from "./useChat";
 import { useEvent } from "@nucleoidai/react-event";
 import { useParams } from "react-router-dom";
 
-import { Box, useTheme } from "@mui/material";
+import { Box, useMediaQuery, useTheme } from "@mui/material";
 import React, { useEffect, useRef, useState } from "react";
 
 const ChatWidget = () => {
   const theme = useTheme();
   const { chatId } = useParams("chatId");
 
+  const isMobile = useMediaQuery((theme) => theme.breakpoints.down("sm"));
+
   const [codeResponse, setCodeResponse] = useState(false);
   const [isItFirstVisit, setIsItFirstVisit] = useState();
   const [loading, setLoading] = useState(false);
@@ -120,7 +122,7 @@ const ChatWidget = () => {
         height: "100%",
         width: "100%",
         backgroundColor: theme.palette.background.paper,
-        paddingBottom: "10px",
+        paddingBottom: isMobile ? "25px" : "10px",
       }}
     >
       <ChatDisplay