ended form mode interface

2025-09-22 16:55:45 +06:00
parent 0fa566c165
commit 10af1a9a63
4 changed files with 703 additions and 10 deletions
--- a/ui/src/app/knock/knock-page.component.scss
+++ b/ui/src/app/knock/knock-page.component.scss
@@ -130,3 +130,46 @@ input[type='text'], input[type='password'], select, textarea {
  }
 }

+// Form Mode Styles
+.form-targets-container {
+  .form-targets-list {
+    margin-bottom: 1rem;
+  }
+  
+  .form-target-item {
+    background: #f8f9fa;
+    border: 1px solid #dee2e6;
+    border-radius: 8px;
+    padding: 1rem;
+    margin-bottom: 1rem;
+    transition: all 0.2s ease;
+    
+    &:hover {
+      border-color: #007bff;
+      box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
+    }
+    
+    .form-target-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 1rem;
+      
+      h4 {
+        margin: 0;
+        color: #495057;
+        font-size: 1rem;
+        font-weight: 600;
+      }
+    }
+  }
+  
+  .form-target-actions {
+    display: flex;
+    justify-content: center;
+    padding: 1rem 0;
+    border-top: 1px solid #dee2e6;
+    margin-top: 1rem;
+  }
+}
+