From 1d4bcbe1de4734173bca2659fbaef8d631459fb1 Mon Sep 17 00:00:00 2001 From: prgmr99 Date: Tue, 7 May 2024 01:17:24 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=ED=86=A0=EC=8A=A4=ED=8A=B8=20UI=20?= =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EB=B0=8F=20=EC=9D=BC=EB=B6=80=20=EC=BD=94?= =?UTF-8?q?=EB=93=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../recruit/applicants/toast/Toast.styled.ts | 27 ++----------------- 1 file changed, 2 insertions(+), 25 deletions(-) diff --git a/src/components/recruit/applicants/toast/Toast.styled.ts b/src/components/recruit/applicants/toast/Toast.styled.ts index ee70f61b..87877d8e 100644 --- a/src/components/recruit/applicants/toast/Toast.styled.ts +++ b/src/components/recruit/applicants/toast/Toast.styled.ts @@ -22,33 +22,10 @@ const ToastContainer = styled.article` box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.25); - opacity: ${props => (props.isOpen ? '1' : '0')}; - visibility: ${props => (props.isOpen ? 'visible' : 'hidden')}; + opacity: 1; + visibility: visible; transition: opacity 0.2s ease-in-out; - .eYFqHE { - position: fixed; - bottom: 1rem; - left: 50%; - display: flex; - align-items: center; - width: 48.184rem; - padding: 2rem; - transform: translateX(-50%); - background-color: rgb(131, 88, 252); - color: rgb(243, 245, 255); - border-radius: 1rem; - gap: 1.2rem; - box-sizing: border-box; - border: 2px solid var(--Purplescale-500, #8358fc); - box-shadow: - rgba(0, 0, 0, 0.1) 0px 4px 20px 0px, - rgba(0, 0, 0, 0.25) 0px 2px 2px 0px; - opacity: 0; - visibility: hidden; - transition: opacity 0.2s ease-in-out 0s; - } - .body1-medium { color: #ffffff; font-size: 1.6rem;