motaju/xrlms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

admin 페이지 레이아웃 수정2

Browse Source
This commit is contained in:
wallace
2025-11-19 22:30:46 +09:00
parent f1515cdd72
commit 33d738f7d0
8 changed files with 43 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/admin/lessons/page.tsx
View File

@@ -5,6 +5,7 @@ import AdminSidebar from "@/app/components/AdminSidebar";
import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
import DropdownIcon from "@/app/svgs/dropdownicon";
import BackArrowSvg from "@/app/svgs/backarrow";
import { MOCK_COURSES } from "@/app/admin/courses/mockData";
export default function AdminLessonsPage() {
// TODO: 나중에 실제 데이터로 교체
@@ -31,12 +32,13 @@ export default function AdminLessonsPage() {
return items.slice(startIndex, endIndex);
}, [items, currentPage]);
// TODO: 나중에 실제 데이터로 교체
const courseOptions = [
{ id: "1", name: "교육과정 1" },
{ id: "2", name: "교육과정 2" },
{ id: "3", name: "교육과정 3" },
];
// 교육과정 옵션 - mockData에서 가져오기
const courseOptions = useMemo(() =>
MOCK_COURSES.map(course => ({
id: course.id,
name: course.courseName
}))
, []);
// 외부 클릭 시 드롭다운 닫기
useEffect(() => {
@@ -76,19 +78,19 @@ export default function AdminLessonsPage() {
<div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center">
<div className="w-full max-w-[1120px] flex min-h-0">
<div className="w-[1440px] flex min-h-0">
{/* 사이드바 */}
<div className="px-8 flex">
<div className="flex">
<AdminSidebar />
</div>
{/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white">
<div className="h-full flex flex-col">
<main className="w-[1120px] bg-white">
<div className="h-full flex flex-col px-8">
{isRegistrationMode ? (
/* 등록 모드 */
<div className="flex flex-col h-full">
{/* 헤더 */}
<div className="h-[100px] flex items-center px-[32px]">
<div className="h-[100px] flex items-center">
<div className="flex items-center gap-[12px]">
<button
type="button"
@@ -105,7 +107,7 @@ export default function AdminLessonsPage() {
</div>
{/* 폼 콘텐츠 */}
<div className="flex-1 overflow-y-auto px-[32px] pb-[80px] pt-[32px]">
<div className="flex-1 overflow-y-auto pb-[80px] pt-[32px]">
<div className="flex flex-col gap-[40px]">
{/* 강좌 정보 */}
<div className="flex flex-col gap-[8px]">
@@ -114,7 +116,7 @@ export default function AdminLessonsPage() {
</h2>
<div className="flex flex-col gap-[24px]">
{/* 교육 과정 */}
<div className="flex flex-col gap-[8px]">
<div className="flex flex-col gap-[8px] max-w-[480px]">
<label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
교육 과정
</label>