Merge pull request #408 from GTable/fix/admin/qa

fix: 부스 관리 페이지 반응형 롤백 & 배너이미지 반응형 반영

Author: dgKim1

apps/nowait-admin/src/pages/AdminBooth/AdminBooth.tsx

@@ -310,7 +310,7 @@ const BoothForm = () => {
         isTablet ? "px-[100px] py-[20px]" : "px-[20px] py-[20px]"
       }`}
     >
-      <div className="w-full mx-auto">
+      <div className="max-w-[614px] w-full mx-auto">
         {/* 탭 */}
         <div className="flex w-full gap-2">
           <button

apps/nowait-admin/src/pages/AdminBooth/components/AccountPage.tsx

@@ -298,13 +298,15 @@ const AccountPage = () => {
         <img
           src={banner}
           alt="배너"
-          className="w-full"
+          className="block w-full h-auto"
+          loading="lazy"
+          decoding="async"
           onClick={() => navigate("guides")}
         />
       </div>
 
       {/* QR Code Section */}
-      <section className="w-full">
+      <section>
         <h2 className="flex items-center text-navy-80 text-18-bold gap-[6px]">
           간편 송금 QR코드 <RedBadge label="필수" small={true} />
         </h2>
@@ -335,7 +337,7 @@ const AccountPage = () => {
                   <span className="text-14-semibold">{option.name}</span>
                 )}
               </div>
-              <div className="flex justify-between h-[52px] w-full min-w-[236px] items-center bg-black-5 rounded-xl border border-[#dddddd] pl-4 pr-[10px] py-4">
+              <div className="flex justify-between h-[52px] w-[474px] min-w-[236px] items-center bg-black-5 rounded-xl border border-[#dddddd] pl-4 pr-[10px] py-4">
                 <div className={`flex flex-col w-[79%] w-overflow-scroll`}>
                   <div className="relative w-full">
                     <input

apps/nowait-admin/src/pages/AdminBooth/components/BoothSection.tsx

@@ -73,7 +73,7 @@ const BoothSection = ({
 
   return (
     <>
-      <div className="flex flex-col items-center pb-[50px] w-full ">
+      <div className="flex flex-col items-center pb-[50px] max-w-[614px]">
         <div className="flex justify-between items-center w-full my-[40px]">
           {/* 좌측 타이틀 */}
           <h2 className="text-headline-22-bold text-black-80">부스 프로필</h2>
@@ -171,7 +171,7 @@ const BoothSection = ({
       </div>
 
       {/* 부스 소개 */}
-      <div className="flex flex-col mb-[50px] relative w-full">
+      <div className="flex flex-col mb-[50px] relative max-w-[614px]">
         <label
           className={`block text-title-18-bold text-black-80 ${
             isMobile ? "mb-[14px]" : ""
@@ -201,7 +201,7 @@ const BoothSection = ({
       </div>
 
       {/* 배너 이미지 */}
-      <div className="flex flex-col mb-[50px] w-full">
+      <div className="flex flex-col mb-[50px] max-w-[614px]">
         <label
           className={`block text-title-18-bold text-black-80 ${
             isMobile ? "mb-[6px]" : ""

apps/nowait-admin/src/pages/AdminBooth/components/MenuSection.tsx

@@ -235,7 +235,7 @@ const MenuSection = ({ isTablet }: { isTablet: boolean }) => {
   }, [fetchedMenus]);
 
   return (
-    <div className="mt-[40px] mb-[20px] w-full">
+    <div className="mt-[40px] mb-[20px] max-w-[614px]">
       <div className="flex justify-between items-center mb-[20px]">
         <h2 className="text-headline-22-bold">메뉴</h2>
         <div className="flex gap-[10px]">

apps/nowait-admin/src/pages/AdminBooth/components/NoticeEditor.tsx

@@ -128,7 +128,7 @@ const NoticeEditor = ({
   }, [notice, editor]);
 
   return (
-    <div className="w-full bg-white border border-[#DDDDDD] rounded-xl w-full">
+    <div className="w-full bg-white border border-[#DDDDDD] rounded-xl max-w-[614px]">
       <input
         type="text"
         value={noticeTitle}

apps/nowait-admin/src/pages/AdminBooth/components/OperatingTimeSelector.tsx

@@ -61,7 +61,7 @@ const OperatingTimeSelector = ({
   isMobile: boolean;
 }) => {
   return (
-    <div className="mb-[50px] w-full">
+    <div className="mb-[50px] max-w-[614px]">
       <label className="block text-title-18-bold text-black-80 mb-1">
         운영 시간
       </label>