fix: 다크모드 질문 추천 ui 수정 (#48)

* fix: 다크모드 질문 추천 ui 수정 * fix: 시작하기 카드 텍스트 z-index 수정
Nexters · Feb 21, 2025 · fa9ae59 · fa9ae59
1 parent e211610
commit fa9ae59
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/app/chat/components/Questions/Questions.tsx b/src/app/chat/components/Questions/Questions.tsx
@@ -36,8 +36,7 @@ const Questions = ({ questions, handleClick }: QuestionsProps) => {
         className={clsx(
           'pointer-events-none absolute top-0 z-10 flex size-full h-[15.1rem] max-w-[76.4rem] items-center justify-between px-[4rem]',
           isSmall &&
-            'bg-[linear-gradient(90deg,#F9FAF8_7%,rgba(255,255,255,0)_27%,rgba(255,255,255,0)_73.5%,#F1F4FD_93%)]',
-          'dark:bg-[linear-gradient(90deg,#1D1D1D_7%,rgba(14,14,14,0)_27%,rgba(14,14,14,0)_73.5%,#1D1D1D_93%)]'
+            'bg-[linear-gradient(90deg,#F9FAF8_7%,rgba(255,255,255,0)_27%,rgba(255,255,255,0)_73.5%,#F1F4FD_93%)] dark:bg-[linear-gradient(90deg,#1D1D1D_7%,rgba(14,14,14,0)_27%,rgba(14,14,14,0)_73.5%,#1D1D1D_93%)]'
         )}
       >
         <NavigationButton direction="prev" swiper={swiper} isSmall={isSmall} />

diff --git a/src/app/landing/Card.tsx b/src/app/landing/Card.tsx
@@ -43,7 +43,7 @@ const Card = ({ type, title, description, url }: CardProps) => {
       )}
       onClick={() => handleLandingCardClick(type)}
     >
-      <div className="flex flex-col gap-[0.6rem]">
+      <div className="z-10 flex flex-col gap-[0.6rem]">
         <p className="text-title-2-semibold">{title}</p>
         <p className="text-body-2-regular text-gray-800">{description}</p>
         {type === 'quiz' && result && (