From 2abc6bfb38f48a72798512d8d5545a6adc7156b6 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Mon, 10 Mar 2025 22:42:39 +0800
Subject: [PATCH] add error state to input element.

---
 src/components.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components.css b/src/components.css
index 076c6bf..7e20b32 100644
--- a/src/components.css
+++ b/src/components.css
@@ -436,6 +436,9 @@
     line-height: 1.5em;
     color: var(--color-on-surface);
     background-color: var(--color-surface-container-highest);
+    &.error {
+      border-color: var(--color-error);
+    }
     .input_wrapper & {
       padding: 0;
       border: none;
@@ -471,5 +474,8 @@
     border-top-left-radius: calc(var(--border-radius) * 2);
     border-top-right-radius: calc(var(--border-radius) * 2);
     background-color: var(--color-surface-container-highest);
+    &.error {
+      border-color: var(--color-error);
+    }
   }
 }