화면 수정

public/architectui/assets/styles/custom.css

@@ -46,3 +46,58 @@ select option {
 .alert {
     font-size: var(--component-font-size);
 }
+
+/* 메인 컨텐츠 여백 축소 */
+.app-main .app-main__inner {
+    padding: 1rem 1rem 0;
+}
+
+@media (max-width: 575.98px) {
+    .app-main .app-main__inner {
+        padding: 0.75rem 0.75rem 0;
+    }
+}
+
+/* ========================================
+   사이드바 크기 조정
+   ======================================== */
+
+/* 사이드바 전체 너비 조정: 280px -> 240px */
+.app-sidebar {
+    width: 240px !important;
+    min-width: 240px !important;
+    flex: 0 0 240px !important;
+}
+
+/* 사이드바 내부 여백 조정: 1.5rem -> 1rem */
+.app-sidebar .app-sidebar__inner {
+    padding: 2px 1rem 1rem !important;
+}
+
+/* 닫힌 사이드바 호버 시 너비 */
+.closed-sidebar .app-sidebar:hover {
+    flex: 0 0 240px !important;
+    width: 240px !important;
+}
+
+/* 닫힌 사이드바 호버 시 메뉴 아이템 여백 */
+.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a {
+    padding: 0 1rem 0 45px !important;
+}
+
+/* 모바일 화면 조정 */
+@media (max-width: 767.98px) {
+    .app-sidebar {
+        flex: 0 0 240px !important;
+        width: 240px !important;
+        transform: translateX(-240px) !important;
+    }
+    
+    .sidebar-mobile-open .app-sidebar {
+        transform: translateX(0) !important;
+    }
+    
+    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a {
+        padding: 0 1rem 0 45px !important;
+    }
+}