모바일 - 내정보관리 디자인 적용

2025-12-12 20:10:22 +09:00
parent 51a57c11ee
commit 8379e8c005
5 changed files with 93 additions and 12 deletions
@@ -4179,8 +4179,14 @@ select.form-control {
@media (max-width: 768px) {
  .form-actions--with-withdrawal .withdrawal-link {
    position: static;
-    width: 100%;
-    order: 1;
+    width: 300px;
+    height: 40px;
+    padding: 8px 10px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 700;
+    color: #515961;
+    order: 3;
  }
 }
 .form-actions--with-withdrawal .form-actions-buttons {
@@ -4189,15 +4195,45 @@ select.form-control {
 }
@media (max-width: 768px) {
  .form-actions--with-withdrawal .form-actions-buttons {
-    flex-direction: column-reverse;
+    flex-direction: row !important;
+    justify-content: center;
    width: 100%;
-    gap: 8px;
+    gap: 12px;
+    order: 1;
+  }
+}
+@media (max-width: 768px) {
+  .form-actions--with-withdrawal .form-actions-buttons .btn {
+    width: 144px !important;
+    height: 40px !important;
+    min-height: 40px;
+    padding: 8px 10px !important;
+    font-size: 14px !important;
+    font-weight: 700;
+    border-radius: 8px !important;
+    flex-shrink: 0;
+  }
+}
+@media (max-width: 768px) {
+  .form-actions--with-withdrawal .form-actions-buttons .btn.btn-secondary {
+    background-color: #e5e7eb !important;
+    color: #5f666c !important;
+    border: none !important;
+  }
+}
+@media (max-width: 768px) {
+  .form-actions--with-withdrawal .form-actions-buttons .btn.btn-primary {
+    background-color: #0049b4 !important;
+    color: #FFFFFF !important;
+    border: none !important;
  }
 }
@media (max-width: 768px) {
  .form-actions--with-withdrawal {
    flex-direction: column;
+    align-items: center;
    gap: 16px;
+    padding: 24px 20px;
  }
 }