관리자 페이지 레이아웃 개선

- style.css 충돌 제거 (admin 전용 스타일만 사용)
- 베스트 프랙티스 적용:
  - Flexbox 기반 레이아웃 정리
  - 고정 사이드바 + 스크롤 콘텐츠 영역
  - 반응형 디자인 개선 (960px, 768px, 480px)
  - 테이블 가로 스크롤 지원
  - 카드/버튼/알림 스타일 통일
  - 색상 팔레트 일관성
- 레이아웃 겹침 문제 해결

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
javamon117
2026-01-05 15:39:37 +09:00
parent 196988f494
commit 5c71a6f001
2 changed files with 517 additions and 191 deletions

View File

@@ -5,7 +5,6 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/css/uikit.min.css"/>
<link rel="stylesheet" href="/static/css/style.css"/>
<link rel="stylesheet" href="/static/css/admin.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/js/uikit.min.js"></script>
@@ -15,7 +14,7 @@
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
{% block staticfiles %}{% endblock %}
</head>
<body>
<body class="admin-body">
<div class="admin__wrap">
<!-- Sidebar -->
<nav class="admin__sidebar">