From bbe027817ebe005e7f6f7b49dce7deb161e2be91 Mon Sep 17 00:00:00 2001
From: oaoong <pizzachicken@kakao.com>
Date: Tue, 28 Nov 2023 22:27:39 +0900
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=EB=A7=88=EC=9D=B4=EB=84=88?=
 =?UTF-8?q?=ED=95=9C=20css=20=EC=88=98=EC=A0=95=EC=82=AC=ED=95=AD=20?=
 =?UTF-8?q?=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(routes)/cards/[cardId]/modify/CardModifyTemplate.tsx  | 2 +-
 .../chatrooms/[chatRoomId]/components/ChatInput.tsx        | 5 ++---
 .../[chatRoomId]/components/CompleteRequestButton.tsx      | 2 +-
 src/app/layout.tsx                                         | 3 ++-
 src/components/domain/logo/Logo.tsx                        | 7 ++++++-
 tailwind.config.js                                         | 4 ++++
 6 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/app/(root)/(routes)/cards/[cardId]/modify/CardModifyTemplate.tsx b/src/app/(root)/(routes)/cards/[cardId]/modify/CardModifyTemplate.tsx
index 4fc8f57a..ea8da4ab 100644
--- a/src/app/(root)/(routes)/cards/[cardId]/modify/CardModifyTemplate.tsx
+++ b/src/app/(root)/(routes)/cards/[cardId]/modify/CardModifyTemplate.tsx
@@ -68,7 +68,7 @@ const CardModifyTemplate = ({ cardInfo, cardId }: CardModifyTemplateProps) => {
                 variant={'gradation'}
                 disabled={isSubmitting}
               >
-                등록하기
+                수정하기
               </Button>
             </div>
           </section>
diff --git a/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/ChatInput.tsx b/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/ChatInput.tsx
index fd52c0df..a9594a98 100644
--- a/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/ChatInput.tsx
+++ b/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/ChatInput.tsx
@@ -27,15 +27,14 @@ const ChatInput = ({
   return (
     <form
       onSubmit={onSubmitMessage}
-      className="absolute bottom-0 grid items-center w-full grid-cols-5 p-4 align-middle h-chat_input"
+      className="absolute bottom-0 grid items-center w-full grid-cols-7 p-4 align-middle h-chat_input"
     >
-      <div className="col-span-1" />
       <Input
         onChange={onChange}
         value={newMessage}
         type="text"
         placeholder="메세지를 입력하세요."
-        className="col-span-3"
+        className="col-span-6"
       />
       <div className="flex justify-center col-span-1">
         <Button
diff --git a/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/CompleteRequestButton.tsx b/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/CompleteRequestButton.tsx
index e35453a7..91a3b05d 100644
--- a/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/CompleteRequestButton.tsx
+++ b/src/app/(root)/(routes)/chatrooms/[chatRoomId]/components/CompleteRequestButton.tsx
@@ -52,7 +52,7 @@ const CompleteRequestButton = ({
           </Button>
         )}
       </DropdownMenuTrigger>
-      <DropdownMenuContent className="min-w-[8rem]">
+      <DropdownMenuContent className="min-w-[8rem] -right-4">
         <DropdownMenuGroup>
           <DropdownMenuItem onClick={handleRequestButton}>
             거래성사 요청
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ac6b1237..85b90a1f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -12,6 +12,8 @@ import '@/styles/globals.css'
 
 export const metadata: Metadata = {
   metadataBase: new URL(Environment.currentAddress()),
+  viewport:
+    'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no',
   openGraph: {
     title: '물물교환 플랫폼, 나비장터',
     description:
@@ -44,7 +46,6 @@ export default async function RootLayout({
                   <Header />
                   {children}
                   {authModal}
-                  <NewCardButton />
                 </div>
                 <Toaster />
               </AuthProvider>
diff --git a/src/components/domain/logo/Logo.tsx b/src/components/domain/logo/Logo.tsx
index 0cabb623..99808dcd 100644
--- a/src/components/domain/logo/Logo.tsx
+++ b/src/components/domain/logo/Logo.tsx
@@ -8,7 +8,12 @@ const Logo = () => {
   return (
     <nav>
       <Link className="text-text-color" href={AppPath.home()}>
-        <Image src={Assets.headerLogo} alt="logo" />
+        <Image className="xs:hidden" src={Assets.headerLogo} alt="logo" />
+        <Image
+          className="hidden xs:block xs:w-10"
+          src={Assets.logo}
+          alt="logo"
+        />
       </Link>
     </nav>
   )
diff --git a/tailwind.config.js b/tailwind.config.js
index 62cc0421..75684089 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,6 +14,10 @@ module.exports = {
   ],
   darkMode: ['class'],
   theme: {
+    screens: {
+      xs: { max: '480px' },
+      ...require('tailwindcss/defaultConfig').theme.screens,
+    },
     extend: {
       backgroundImage: () => ({
         'gradient-primary':