shared-dg05-coffeeQuokka/hgzero
1
0
Fork 0
mirror of https://github.com/hwanny1128/HGZero.git synced 2026-01-21 23:06:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

회의록 상세조회 화면 UI 개선 (yabo)

Browse Source 
- 10-회의록상세조회: 메뉴바 제거 및 레이아웃 수정
  - 사이드바 HTML 완전 제거
  - 헤더/탭/메인 컨텐츠에서 사이드바 위치 조정 제거 (left: 240px, margin-left: 240px)
  - 중앙 정렬 레이아웃으로 변경 (margin-left/right: auto)
  - 이전 화면 이동 버튼 유지 확인

- 03-회의예약: 메뉴바 제거 및 레이아웃 수정
  - 사이드바 HTML 완전 제거
  - 헤더/메인 컨텐츠에서 사이드바 위치 조정 제거
  - 중앙 정렬 레이아웃으로 변경
  - 이전 화면 이동 버튼 유지 및 반응형에서도 표시되도록 수정

- 04-템플릿선택: 메뉴바 제거 및 레이아웃 수정
  - 사이드바 HTML 완전 제거 (이전 커밋)
  - 헤더/페이지 컨텐츠에서 사이드바 위치 조정 제거
  - 중앙 정렬 레이아웃으로 변경
  - 이전 화면 이동 버튼 유지

UIUX 설계서(design/uiux/uiux.md) 메뉴바유무 항목에 따라 정확히 반영
- 메뉴바 X 화면: 사이드바/하단바 없음, 중앙 정렬 레이아웃
- 이전화면 이동버튼 O 화면: 백 버튼 유지

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-22 10:44:59 +09:00
parent d9feeca868
commit 0f13550401
3 changed files with 6 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
design/uiux/prototype/03-회의예약.html
View File

@ -47,13 +47,8 @@
/* 데스크톱: 헤더 조정 */
@media (min-width: 768px) {
.header {
left: 240px;
padding: 0 var(--space-xl);
}
.back-btn {
display: none;
}
}
/* 메인 콘텐츠 */
@ -66,10 +61,11 @@
/* 데스크톱: 메인 콘텐츠 조정 */
@media (min-width: 768px) {
.main-content {
margin-left: 240px;
padding: var(--space-xl);
padding-bottom: var(--space-xl);
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
@ -241,37 +237,6 @@
</style>
</head>
<body>
<!-- 사이드바 (데스크톱) -->
<aside class="sidebar">
<div class="sidebar-logo">
<div class="sidebar-logo-icon">M</div>
<div class="sidebar-logo-text">회의록 서비스</div>
</div>
<nav class="sidebar-nav">
<a href="02-대시보드.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon">📊</span>
<span>대시보드</span>
</a>
<a href="12-회의록목록조회.html" class="sidebar-nav-item active">
<span class="sidebar-nav-icon">📋</span>
<span>회의 목록</span>
</a>
<a href="09-Todo관리.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon">✅</span>
<span>Todo 관리</span>
</a>
</nav>
<div class="sidebar-user">
<div class="avatar avatar-green">김</div>
<div class="sidebar-user-info">
<div class="sidebar-user-name">김민준</div>
<div class="sidebar-user-email">minjun.kim@example.com</div>
</div>
</div>
</aside>
<!-- 헤더 -->
<header class="header">
<div class="header-left">

39
design/uiux/prototype/04-템플릿선택.html
View File

@ -35,52 +35,17 @@
@media (min-width: 768px) {
.page-header {
left: 240px;
padding: var(--space-lg) var(--space-xl);
}
.page-header .btn-ghost:first-child {
display: none;
}
.page-content {
margin-left: 240px;
margin-left: auto;
margin-right: auto;
}
}
</style>
</head>
<body>
<!-- 사이드바 (데스크톱) -->
<aside class="sidebar">
<div class="sidebar-logo">
<div class="sidebar-logo-icon">M</div>
<div class="sidebar-logo-text">회의록 서비스</div>
</div>
<nav class="sidebar-nav">
<a href="02-대시보드.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon">📊</span>
<span>대시보드</span>
</a>
<a href="12-회의록목록조회.html" class="sidebar-nav-item active">
<span class="sidebar-nav-icon">📋</span>
<span>회의 목록</span>
</a>
<a href="09-Todo관리.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon">✅</span>
<span>Todo 관리</span>
</a>
</nav>
<div class="sidebar-user">
<div class="avatar avatar-green">김</div>
<div class="sidebar-user-info">
<div class="sidebar-user-name">김민준</div>
<div class="sidebar-user-email">minjun.kim@example.com</div>
</div>
</div>
</aside>
<div class="page">
<!-- Header -->
<header class="page-header">

55
design/uiux/prototype/10-회의록상세조회.html
View File

@ -52,13 +52,8 @@
/* 데스크톱: 헤더 위치 조정 */
@media (min-width: 768px) {
.header {
left: 240px;
padding: 0 var(--space-xl);
}
.header-left .icon-btn:first-child {
display: none;
}
}
/* 탭 네비게이션 */
@ -72,13 +67,6 @@
z-index: 99;
}
/* 데스크톱: 탭 네비게이션 위치 조정 */
@media (min-width: 768px) {
.tab-nav {
left: 240px;
}
}
.tabs {
display: flex;
margin-bottom: 0;
@ -100,10 +88,11 @@
/* 데스크톱: 메인 콘텐츠 조정 */
@media (min-width: 768px) {
.main-content {
margin-left: 240px;
padding: var(--space-xl);
padding-bottom: var(--space-xl);
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
@ -566,49 +555,9 @@
.tab-content.active {
display: block;
}
/* 반응형 */
@media (min-width: 768px) {
.main-content {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
}
</style>
</head>
<body>
<!-- 사이드바 (데스크톱) -->
<aside class="sidebar">
<div class="sidebar-logo">
<div class="sidebar-logo-icon">M</div>
<div class="sidebar-logo-text">회의록 서비스</div>
</div>
<nav class="sidebar-nav">
<a href="02-대시보드.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon">📊</span>
<span>대시보드</span>
</a>
<a href="12-회의록목록조회.html" class="sidebar-nav-item active">
<span class="sidebar-nav-icon">📋</span>
<span>회의 목록</span>
</a>
<a href="09-Todo관리.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon">✅</span>
<span>Todo 관리</span>
</a>
</nav>
<div class="sidebar-user">
<div class="avatar avatar-green">김</div>
<div class="sidebar-user-info">
<div class="sidebar-user-name">김민준</div>
<div class="sidebar-user-email">minjun.kim@example.com</div>
</div>
</div>
</aside>
<!-- 헤더 -->
<header class="header">
<div class="header-left">