✨ 마이너한 css 수정사항 반영

team-nabi · Nov 28, 2023 · bbe0278 · bbe0278
1 parent 8967c71
commit bbe0278
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -14,6 +14,10 @@ module.exports = {
   ],
   darkMode: ['class'],
   theme: {
+    screens: {
+      xs: { max: '480px' },
+      ...require('tailwindcss/defaultConfig').theme.screens,
+    },
     extend: {
       backgroundImage: () => ({
         'gradient-primary':