모바일 - 과금관리 디자인 적용

2025-12-12 20:46:20 +09:00
parent 8379e8c005
commit 469cf6f3d0
6 changed files with 92 additions and 25 deletions
@@ -16760,6 +16760,14 @@ input[type=checkbox]:checked + .custom-checkbox {
  align-items: center;
  gap: 10px;
 }
+.form-inline .period-selects {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.form-inline .period-selects .period-unit {
+  margin-right: 10px;
+}

 .btnBox {
  margin-left: auto;
@@ -16953,16 +16961,36 @@ input[type=checkbox]:checked + .custom-checkbox {
  }
  .form-inline label {
    min-width: auto;
+    margin-bottom: 4px;
  }
  .form-inline .form-control {
    width: 100%;
  }
+  .form-inline--period .period-selects {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+  }
+  .form-inline--period .period-selects .form-control {
+    flex: 1;
+    min-width: 0;
+  }
+  .form-inline--period .period-selects .period-unit {
+    flex-shrink: 0;
+    font-size: 14px;
+    color: #1A1A2E;
+  }
  .btnBox {
    margin-left: 0;
    width: 100%;
  }
  .btnBox .btn {
    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
  }
  .table-responsive {
    overflow-x: scroll;