From 012b6177d439fa414cfaf1ec94349f1a14050cf9 Mon Sep 17 00:00:00 2001
From: Minsu Kim <alstn2468_@naver.com>
Date: Fri, 11 Oct 2024 22:45:58 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EC=9D=B8=ED=92=8B=20=ED=8F=AC?=
 =?UTF-8?q?=EC=BB=A4=EC=8A=A4=20=EC=9D=BC=EB=95=8C=EB=A7=8C=20=EB=B3=B4?=
 =?UTF-8?q?=EB=8D=94=20=EC=83=89=EC=83=81=20=EA=B2=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ShowCastInfoFormDialogContent.styles.ts         | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts b/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts
index dacbaf01..5769a6cc 100644
--- a/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts
+++ b/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts
@@ -46,12 +46,7 @@ const FieldWrap = styled.div`
 const InputWrapper = styled.div<InputWrapperProps>`
   ${({ theme }) => theme.typo.b3};
   border: 1px solid
-    ${({ text, theme, isError }) =>
-      isError
-        ? theme.palette.status.error
-        : text
-          ? theme.palette.grey.g90
-          : theme.palette.grey.g20};
+    ${({ theme, isError }) => (isError ? theme.palette.status.error : theme.palette.grey.g20)};
   border-radius: 4px;
   background-color: ${({ theme }) => theme.palette.grey.w};
   padding: 8px 12px;
@@ -61,6 +56,12 @@ const InputWrapper = styled.div<InputWrapperProps>`
   display: flex;
   align-items: center;
   width: 100%;
+  transition: border-color 0.2s ease-in-out;
+
+  &:focus-within {
+    border-color: ${({ theme, isError }) =>
+      isError ? theme.palette.status.error : theme.palette.grey.g70};
+  }
 `;
 
 const TextFieldWrap = styled.div`

From a8ef4cacf5a8737205afc41ade09e79eadcdd915 Mon Sep 17 00:00:00 2001
From: Minsu Kim <alstn2468_@naver.com>
Date: Fri, 11 Oct 2024 22:46:56 +0900
Subject: [PATCH 2/2] =?UTF-8?q?chore:=20=EC=95=88=EC=93=B0=EB=8A=94=20?=
 =?UTF-8?q?=EC=9D=B8=EC=9E=90=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ShowCastInfoFormDialogContent.styles.ts                | 1 -
 .../src/components/ShowCastInfoFormDialogContent/index.tsx | 7 ++-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts b/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts
index 5769a6cc..1f95eee0 100644
--- a/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts
+++ b/apps/admin/src/components/ShowCastInfoFormDialogContent/ShowCastInfoFormDialogContent.styles.ts
@@ -6,7 +6,6 @@ interface ShowInfoFormLabelProps {
 }
 
 interface InputWrapperProps {
-  text: string;
   isError?: boolean;
 }
 
diff --git a/apps/admin/src/components/ShowCastInfoFormDialogContent/index.tsx b/apps/admin/src/components/ShowCastInfoFormDialogContent/index.tsx
index 88ac3e51..431b068c 100644
--- a/apps/admin/src/components/ShowCastInfoFormDialogContent/index.tsx
+++ b/apps/admin/src/components/ShowCastInfoFormDialogContent/index.tsx
@@ -109,7 +109,7 @@ const ShowCastInfoFormDialogContent = ({ onDelete, prevShowCastInfo, onSave }: P
                 );
                 return (
                   <Styled.FieldWrap>
-                    <Styled.InputWrapper text={value ?? ''} isError={isError}>
+                    <Styled.InputWrapper isError={isError}>
                       {field.userImgPath && field.userNickname ? (
                         <>
                           <Styled.UserImage
@@ -195,10 +195,7 @@ const ShowCastInfoFormDialogContent = ({ onDelete, prevShowCastInfo, onSave }: P
                 const isError = isMemberFieldBlurred[index].roleName && !value;
                 return (
                   <Styled.FieldWrap>
-                    <Styled.InputWrapper
-                      text={value ?? ''}
-                      isError={isMemberFieldBlurred[index].roleName && !value}
-                    >
+                    <Styled.InputWrapper isError={isMemberFieldBlurred[index].roleName && !value}>
                       <Styled.Input
                         placeholder="역할"
                         required