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

8
src/app/admin/certificates/page.tsx
View File

@@ -21,15 +21,15 @@ export default function AdminCertificatesPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">

8
src/app/admin/courses/page.tsx
View File

@@ -84,14 +84,14 @@ export default function AdminCoursesPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">

8
src/app/admin/id/page.tsx
View File

@@ -157,15 +157,15 @@ export default function AdminIdPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">

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

8
src/app/admin/logs/page.tsx
View File

@@ -21,15 +21,15 @@ export default function AdminLogsPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">

8
src/app/admin/notices/page.tsx
View File

@@ -21,15 +21,15 @@ export default function AdminNoticesPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">

8
src/app/admin/questions/page.tsx
View File

@@ -21,15 +21,15 @@ export default function AdminQuestionsPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">

8
src/app/admin/resources/page.tsx
View File

@@ -21,15 +21,15 @@ export default function AdminResourcesPage() {
<div className="min-h-screen flex flex-col bg-white"> <div className="min-h-screen flex flex-col bg-white">
{/* 메인 레이아웃 */} {/* 메인 레이아웃 */}
<div className="flex flex-1 min-h-0 justify-center"> <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 /> <AdminSidebar />
</div> </div>
{/* 메인 콘텐츠 */} {/* 메인 콘텐츠 */}
<main className="flex-1 min-w-0 bg-white"> <main className="w-[1120px] bg-white">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col px-8">
{/* 제목 영역 */} {/* 제목 영역 */}
<div className="h-[100px] flex items-center"> <div className="h-[100px] flex items-center">
<h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]"> <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">