diff --git a/apps/nowait-admin/src/assets/editorToolBar/h1.svg b/apps/nowait-admin/src/assets/editorToolBar/h1.svg new file mode 100644 index 00000000..4b19d030 --- /dev/null +++ b/apps/nowait-admin/src/assets/editorToolBar/h1.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/nowait-admin/src/assets/editorToolBar/h2.svg b/apps/nowait-admin/src/assets/editorToolBar/h2.svg new file mode 100644 index 00000000..415a054c --- /dev/null +++ b/apps/nowait-admin/src/assets/editorToolBar/h2.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/nowait-admin/src/assets/editorToolBar/italic.svg b/apps/nowait-admin/src/assets/editorToolBar/italic.svg new file mode 100644 index 00000000..e4b051b8 --- /dev/null +++ b/apps/nowait-admin/src/assets/editorToolBar/italic.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/apps/nowait-admin/src/assets/editorToolBar/sunder.svg b/apps/nowait-admin/src/assets/editorToolBar/sunder.svg new file mode 100644 index 00000000..ab3e7c31 --- /dev/null +++ b/apps/nowait-admin/src/assets/editorToolBar/sunder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/apps/nowait-admin/src/assets/editorToolBar/underline (1).svg b/apps/nowait-admin/src/assets/editorToolBar/underline (1).svg new file mode 100644 index 00000000..22df8076 --- /dev/null +++ b/apps/nowait-admin/src/assets/editorToolBar/underline (1).svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/apps/nowait-admin/src/components/AdminSidebar.tsx b/apps/nowait-admin/src/components/AdminSidebar.tsx index b9cca044..ac68261e 100644 --- a/apps/nowait-admin/src/components/AdminSidebar.tsx +++ b/apps/nowait-admin/src/components/AdminSidebar.tsx @@ -70,7 +70,7 @@ const AdminSidebar = () => { className="w-5 h-5" /> } - label="웨이팅" + label="대기" compact={isCompact} /> { className="w-5 h-5" /> } - label="관리 · 통계" + label="통계" compact={isCompact} /> { className="w-5 h-5" /> } - label="부스" + label="부스 관리" compact={isCompact} /> diff --git a/apps/nowait-admin/src/components/MobileAdminNav.tsx b/apps/nowait-admin/src/components/MobileAdminNav.tsx index 3c761d86..94af48ad 100644 --- a/apps/nowait-admin/src/components/MobileAdminNav.tsx +++ b/apps/nowait-admin/src/components/MobileAdminNav.tsx @@ -6,7 +6,6 @@ import statIcon from "../assets/Statistics.svg"; import statIconActive from "../assets/statIconActive.svg"; import boothIcon from "../assets/Tent.svg"; import boothIconActive from "../assets/boothIconActive.svg"; -import profileImg from "../assets/profile.png"; // 사용자 이미지 import cancelIcon from "../assets/Cancel.svg"; import { useLocation, useNavigate } from "react-router"; @@ -36,7 +35,9 @@ const MobileAdminNav = ({ onClose }: { onClose: () => void }) => { const navigate = useNavigate(); const { pathname } = useLocation(); return ( -
+
{/* 상단 - 닫기 버튼 */}
diff --git a/apps/nowait-admin/src/components/MobileMenuBar.tsx b/apps/nowait-admin/src/components/MobileMenuBar.tsx index 4e4a6c29..b1b5bf27 100644 --- a/apps/nowait-admin/src/components/MobileMenuBar.tsx +++ b/apps/nowait-admin/src/components/MobileMenuBar.tsx @@ -22,7 +22,16 @@ const MobileMenuBar = () => { - {showNav && setShowNav(false)} />} + {/* 사이드 메뉴: 항상 렌더링되지만 translate-x로 제어 */} +
+ setShowNav(false)} /> +
+ {/* dim 영역 */} + {showNav &&
}
); }; diff --git a/apps/nowait-admin/src/pages/AdminBooth/AdminBooth.tsx b/apps/nowait-admin/src/pages/AdminBooth/AdminBooth.tsx index 3894f554..1180c13b 100644 --- a/apps/nowait-admin/src/pages/AdminBooth/AdminBooth.tsx +++ b/apps/nowait-admin/src/pages/AdminBooth/AdminBooth.tsx @@ -12,8 +12,8 @@ const BoothForm = () => { const [activeTab, setActiveTab] = useState<"booth" | "menu">("booth"); const [boothName, setBoothName] = useState(""); const [boothIntro, setBoothIntro] = useState(""); - const [noticeTitle, setNoticeTitle] = useState(""); - const [noticeContent, setNoticeContent] = useState(""); + const [isFocused, setIsFocused] = useState(false); + const [isTextareaFocused, setIsTextareaFocused] = useState(false); const [bannerImages, setBannerImages] = useState([]); return ( @@ -26,34 +26,32 @@ const BoothForm = () => {
{/* 부스명 */}
- 썸네일 +
+ 썸네일 +
@@ -70,12 +68,17 @@ const BoothForm = () => { type="text" value={boothName} maxLength={20} + onFocus={() => setIsFocused(true)} + onBlur={() => setIsFocused(false)} onChange={(e) => setBoothName(e.target.value)} placeholder="부스명을 입력해주세요" - className="w-full h-full border border-[#DDDDDD] rounded-xl px-4 py-2 text-sm" + className="w-full h-full bg-black-5 border border-[#DDDDDD] rounded-xl px-4 py-2 text-sm bg-black-5 " /> - {boothName.length} / 20 + + {boothName.length} + {" "} + / 20
@@ -89,8 +92,10 @@ const BoothForm = () => {