📝 fix input error border style

nonebot · Nov 21, 2023 · c05a4f0 · c05a4f0
1 parent a7e3357
commit c05a4f0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/website/src/components/Form/index.tsx b/website/src/components/Form/index.tsx
@@ -113,7 +113,7 @@ export function FormItem({
           onChange={(e) => setResult(inputName, e.target.value)}
           placeholder="请输入"
           className={clsx("form-input", {
-            "input-error": !result[inputName],
+            "form-input-error": !result[inputName],
           })}
         />
       )}

diff --git a/website/src/components/Form/styles.css b/website/src/components/Form/styles.css
@@ -12,6 +12,10 @@
 
 .form-input {
   @apply input input-bordered w-full;
+
+  &-error {
+    @apply input-error;
+  }
 }
 
 .form-label {