diff --git a/design/uiux/prototype/03-회의예약.html b/design/uiux/prototype/03-회의예약.html index 5fec960..67141bd 100644 --- a/design/uiux/prototype/03-회의예약.html +++ b/design/uiux/prototype/03-회의예약.html @@ -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 @@ - - -
diff --git a/design/uiux/prototype/04-템플릿선택.html b/design/uiux/prototype/04-템플릿선택.html index 95c5c01..e5b4c47 100644 --- a/design/uiux/prototype/04-템플릿선택.html +++ b/design/uiux/prototype/04-템플릿선택.html @@ -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; } } - - -
diff --git a/design/uiux/prototype/10-회의록상세조회.html b/design/uiux/prototype/10-회의록상세조회.html index 171a0f6..b7f674c 100644 --- a/design/uiux/prototype/10-회의록상세조회.html +++ b/design/uiux/prototype/10-회의록상세조회.html @@ -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; - } - } - - -