앱 관리

2025-11-01 11:49:11 +09:00
parent 6841c9236d
commit 563a3f054c
46 changed files with 9740 additions and 2062 deletions
@@ -0,0 +1,73 @@
+// ============================================
+// Password Input Popup Component
+// Extends base modal styles from _modals.scss
+// ============================================
+
+// Password popup specific styles (using modal structure)
+#passwordInputPopup {
+  // Modal dialog size override
+  .modal-dialog {
+    max-width: 450px;
+  }
+
+  // Password input group
+  .pop_input_group {
+    text-align: left;
+    margin: 0;
+  }
+
+  .pop_input_field {
+    width: 100%;
+    padding: 12px $spacing-md;
+    border: 1px solid $border-gray;
+    border-radius: $border-radius-md;
+    font-size: $font-size-sm;
+    font-family: $font-family-primary;
+    transition: all 0.3s ease;
+    box-sizing: border-box;
+
+    &:focus {
+      outline: none;
+      border-color: $primary-blue;
+      box-shadow: 0 0 0 3px rgba($primary-blue, 0.1);
+    }
+
+    &::placeholder {
+      color: $text-light;
+    }
+
+    // Error state
+    &.error {
+      border-color: $accent-orange;
+
+      &:focus {
+        border-color: $accent-orange;
+        box-shadow: 0 0 0 3px rgba($accent-orange, 0.1);
+      }
+    }
+  }
+
+  .error-message {
+    color: $accent-orange;
+    font-size: $font-size-xs;
+    margin-top: $spacing-xs;
+    display: none;
+    animation: fadeInDown 0.3s ease;
+
+    &.show {
+      display: block;
+    }
+  }
+}
+
+// Animation for error message
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}