From 511f5913404927c2d78234212de7952a0c7ab858 Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Thu, 10 Oct 2024 22:06:14 +0900
Subject: [PATCH] chore: set open consult height 100% for click area (#380)

---
 src/components/Common/AppContainer.tsx | 1 +
 src/pages/Seller/SellerOpenConsult.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Common/AppContainer.tsx b/src/components/Common/AppContainer.tsx
index 24316b69..391d4bd0 100644
--- a/src/components/Common/AppContainer.tsx
+++ b/src/components/Common/AppContainer.tsx
@@ -51,6 +51,7 @@ export const AppContainer = ({ children }: AppContainerProps) => {
   //
   // Redirect to inspection page when service is shut down
   useManipulateServerDown();
+
   //
   //
   //
diff --git a/src/pages/Seller/SellerOpenConsult.tsx b/src/pages/Seller/SellerOpenConsult.tsx
index d9541a3e..1a5f289a 100644
--- a/src/pages/Seller/SellerOpenConsult.tsx
+++ b/src/pages/Seller/SellerOpenConsult.tsx
@@ -8,7 +8,7 @@ import OpenConsultHeader from 'components/Seller/SellerOpenConsult/OpenConsultHe
 import { useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { useRecoilValue } from 'recoil';
-import { APP_HEADER_HEIGHT } from 'styles/AppStyle';
+import { APP_HEADER_HEIGHT, APP_HEIGHT } from 'styles/AppStyle';
 import { isSendPopupOpenState } from 'utils/atom';
 
 //
@@ -36,7 +36,10 @@ function SellerOpenConsult() {
   return (
     <>
       <div
-        style={{ paddingTop: APP_HEADER_HEIGHT }}
+        style={{
+          paddingTop: APP_HEADER_HEIGHT,
+          height: `${APP_HEIGHT} - ${APP_HEADER_HEIGHT})`,
+        }}
         onClick={() => {
           setIsReplying(false);
         }}