Refactor code structure for improved readability and maintainability

2026-02-01 02:28:31 +00:00
parent 7b0ca40c4f
commit 73025c84c5
10 changed files with 413 additions and 87 deletions
--- a/src/App.css
+++ b/src/App.css
@@ -448,6 +448,28 @@
    color: #4338ca;
 }

+.inline-field {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 0.9rem;
+}
+
+.inline-field select {
+    border-radius: 12px;
+    border: 1px solid #e2e8f0;
+    padding: 6px 10px;
+    font-size: 0.9rem;
+}
+
+.checkbox-field {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 0.9rem;
+    color: #475569;
+}
+
@media (max-width: 600px) {
    .app {
        padding: 40px 6vw 56px;
@@ -540,6 +562,16 @@
        color: #cbd5f5;
    }

+    .inline-field select {
+        background: #1e1b4b;
+        border-color: #312e81;
+        color: #e2e8f0;
+    }
+
+    .checkbox-field {
+        color: #cbd5f5;
+    }
+
    .field input,
    .field select,
    .field textarea {