From 44eb14fd6bf55e001a1dd7cd0b63bf69e69ff29b Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Fri, 1 Apr 2022 17:27:41 +0800
Subject: [PATCH] fix(console): input outline should be red in the error state
 on focused (#484)

---
 packages/console/src/components/TextInput/index.module.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/console/src/components/TextInput/index.module.scss b/packages/console/src/components/TextInput/index.module.scss
index 20ae3db7e..787159774 100644
--- a/packages/console/src/components/TextInput/index.module.scss
+++ b/packages/console/src/components/TextInput/index.module.scss
@@ -59,5 +59,9 @@
 
   &.error {
     border-color: var(--color-error);
+
+    &:focus-within {
+      outline-color: var(--color-error-80);
+    }
   }
 }