레이아웃 퍼블 변경

This commit is contained in:
현성필
2026-01-02 15:41:58 +09:00
parent 2070419861
commit 10308e16c5
12 changed files with 22 additions and 43 deletions
@@ -3,7 +3,7 @@
.api-statistics-container { .api-statistics-container {
/*max-width: 1200px;*/ /*max-width: 1200px;*/
margin: 0 auto; margin: 0 auto;
padding: 48px 40px; padding: 48px 0px;
} }
/* Search Section */ /* Search Section */
+10 -20
View File
@@ -2004,7 +2004,7 @@ hr {
.container { .container {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 0 24px; padding: 0 26px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.container { .container {
@@ -3137,7 +3137,7 @@ hr {
.common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container { .common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 48px 40px; padding: 48px 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container { .common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container {
@@ -6420,7 +6420,7 @@ select.form-control {
gap: 20px; gap: 20px;
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 0 48px; padding: 0 26px;
height: 100%; height: 100%;
list-style: none; list-style: none;
} }
@@ -11137,7 +11137,7 @@ select.form-control {
} }
.apikey-register-container { .apikey-register-container {
padding: 48px 40px; padding: 48px 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.apikey-register-container { .apikey-register-container {
@@ -12537,7 +12537,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.apikey-detail-container { .apikey-detail-container {
padding: 40px 24px; padding: 40px 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.apikey-detail-container { .apikey-detail-container {
@@ -13481,9 +13481,9 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.notice-detail-container { .notice-detail-container {
max-width: 1228px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px; padding: 48px 0;
min-height: 600px;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.notice-detail-container { .notice-detail-container {
@@ -14745,6 +14745,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.inquiry-detail-container { .inquiry-detail-container {
min-height: 600px;
margin: 0 auto; margin: 0 auto;
} }
@@ -16096,9 +16097,9 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
} }
.user-management-container { .user-management-container {
max-width: 1400px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 48px 40px; padding: 48px 0;
margin-bottom: 40px; margin-bottom: 40px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -17637,17 +17638,6 @@ body.commission-print-page .btn-primary:hover {
background: #c3dfea; background: #c3dfea;
} }
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
@media (max-width: 768px) {
.container {
padding: 0;
}
}
.d-none { .d-none {
display: none !important; display: none !important;
} }
File diff suppressed because one or more lines are too long
@@ -2,17 +2,6 @@
// Utility classes // Utility classes
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
// Container
.container {
max-width: $container-max-width;
margin: 0 auto;
padding: 0 $spacing-lg;
@include respond-to('sm') {
//padding: 0 $spacing-md;
padding: 0;
}
}
// Display utilities // Display utilities
.d-none { .d-none {
@@ -21,7 +21,7 @@ $apikey-border-color: #dadada;
.common-container { .common-container {
max-width: $container-max-width; max-width: $container-max-width;
margin: 0 auto; margin: 0 auto;
padding: $spacing-3xl $spacing-2xl; padding: $spacing-3xl 0;
@include respond-to('sm') { @include respond-to('sm') {
padding: 40px $spacing-md 60px; padding: 40px $spacing-md 60px;
@@ -121,7 +121,7 @@
gap: 20px; gap: 20px;
max-width: $container-max-width; max-width: $container-max-width;
margin: 0 auto; margin: 0 auto;
padding: 0 $spacing-3xl; padding: 0 26px;
height: 100%; height: 100%;
list-style: none; list-style: none;
@@ -6,7 +6,7 @@
.container { .container {
max-width: $container-max-width; max-width: $container-max-width;
margin: 0 auto; margin: 0 auto;
padding: 0 $spacing-lg; padding: 0 26px;
@include respond-to('sm') { @include respond-to('sm') {
padding: 0 $spacing-md; padding: 0 $spacing-md;
@@ -9,7 +9,7 @@
// Container Styles - extends common // Container Styles - extends common
.apikey-detail-container { .apikey-detail-container {
@extend .common-container; @extend .common-container;
padding: $spacing-2xl $spacing-lg; padding: $spacing-2xl 0;
@media (max-width: $breakpoint-sm) { @media (max-width: $breakpoint-sm) {
padding: $spacing-lg $spacing-md; padding: $spacing-lg $spacing-md;
@@ -529,7 +529,7 @@
// Container with sidebar layout (Step 2) - extends common // Container with sidebar layout (Step 2) - extends common
.apikey-register-container { .apikey-register-container {
@extend .common-container; @extend .common-container;
padding: $spacing-3xl $spacing-2xl; padding: $spacing-3xl 0;
@media (max-width: $breakpoint-sm) { @media (max-width: $breakpoint-sm) {
padding: $spacing-lg $spacing-md; padding: $spacing-lg $spacing-md;
@@ -303,6 +303,7 @@
} }
.inquiry-detail-container { .inquiry-detail-container {
min-height: 600px;
margin: 0 auto; margin: 0 auto;
} }
@@ -64,10 +64,9 @@
// Notice Detail Page - Figma Design (node 1041:2585) // Notice Detail Page - Figma Design (node 1041:2585)
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
.notice-detail-container { .notice-detail-container {
max-width: 1228px;
margin: 0 auto; margin: 0 auto;
padding: $spacing-3xl $spacing-lg; padding: $spacing-3xl 0;
min-height: 600px;
@media (max-width: $breakpoint-md) { @media (max-width: $breakpoint-md) {
padding: $spacing-2xl $spacing-md; padding: $spacing-2xl $spacing-md;
} }
@@ -5,9 +5,9 @@
// User Management Container (List Page) // User Management Container (List Page)
.user-management-container { .user-management-container {
max-width: 1400px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: $spacing-3xl $spacing-2xl; padding: $spacing-3xl 0;
margin-bottom: $spacing-2xl; margin-bottom: $spacing-2xl;
@media (max-width: $breakpoint-sm) { @media (max-width: $breakpoint-sm) {