Merge pull request #97 from FinFellows/fix/#94

design: 챗봇 css 수정
FinFellows · Feb 26, 2024 · 9f9284b · 9f9284b
2 parents c977b27 + 47bd308
commit 9f9284b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/templates/chatbot/ChatbotUI.tsx b/src/components/templates/chatbot/ChatbotUI.tsx
@@ -64,7 +64,7 @@ export default function ChatbotUI({
     setIsSubmitLoading(false);
   }
   return (
-    <div className='fixed z-chatbot right-25 bottom-100 w-275 max-h-450 h-full rounded-12 overflow-hidden desktop:w-430 desktop:max-h-600'>
+    <div className='fixed z-chatbot right-25 bottom-90 desktop:bottom-100 w-275 max-h-450 h-full rounded-12 overflow-hidden desktop:w-430 desktop:max-h-600'>
       {/* header */}
       <div className='w-full flex justify-center items-center text-white text-13 font-bold py-10 bg-mainLevel400 desktop:text-21'>
         금토리에게 물어봐

diff --git a/src/components/templates/chatbot/index.tsx b/src/components/templates/chatbot/index.tsx
@@ -37,10 +37,10 @@ export default function Chatbot() {
       {showChatbot && <ChatbotUI chatData={chatData} setChatData={setChatData} />}
       <button
         onClick={() => setShowChatbot(!showChatbot)}
-        className='fixed z-chatbot overflow-hidden right-25 bottom-25 flex justify-center items-center border-2 border-solid border-main rounded-full bg-white w-43 h-43 tablet:w-56 tablet:h-56 desktop:w-62 desktop:h-62 dark:bg-dark-secondary'
+        className='fixed z-chatbot overflow-hidden right-25 bottom-25 flex justify-center items-center border-2 border-solid border-main rounded-full bg-white w-56 h-56 desktop:w-62 desktop:h-62 dark:bg-dark-secondary'
       >
         {showChatbot ? (
-          <CloseIcon className='w-30 h-30 tablet:w-35 tablet:h-35 desktop:w-40 desktop:h-40' />
+          <CloseIcon className='w-35 h-35 desktop:w-40 desktop:h-40' />
         ) : (
           <Image src={GoldtoriIcon} alt='금토리' className='absolute scale-[133%] right-5 top-11' />
         )}