refactor: 인풋 에러메세지 앱솔루트+오토컴플리트 박스쉐도우 초기화

.gitignore

@@ -26,6 +26,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env*
 
 # vercel
 .vercel

src/components/common/Input.tsx

@@ -43,7 +43,13 @@ const Input = forwardRef<HTMLInputElement, Props>(
           )}
           {...rest}
         />
-        <div role='alert' className='text-red-500 mt-[4px]'>
+        <div
+          role='alert'
+          className={cn('text-red-500 mt-[4px] absolute left-0', {
+            'top-12': variant !== 'search',
+            'top-10': variant === 'search',
+          })}
+        >
           {errorMessage}
         </div>
       </div>

src/styles/globals.css

@@ -24,6 +24,11 @@
 }
 
 @layer utilities {
+  input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0px 1000px white inset;
+    box-shadow: 0 0 0px 1000px white inset;
+  }
+
   /* Text-3xl */
   .custom-text-3xl-bold {
     font-size: 32px;