✨Feat - 오픈 세미나 신청 버튼 확대 애니메이션 추가 #43

GDSC-DGU · May 4, 2024 · 7757212 · 7757212
1 parent b077ada
commit 7757212
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/seminar/openSeminarDetail/banner/OpenSeminarDetailBanner.tsx b/src/components/seminar/openSeminarDetail/banner/OpenSeminarDetailBanner.tsx
@@ -65,9 +65,15 @@ const OpenSeminarDetailBanner = ({ data }: { data: OpenSeminar }) => {
     variants={seminarCardVariants}
     style={{ transformOrigin: '10% 60%' }}
   >
-      <button className={`w-full rounded py-4 text-[0.75rem] font-medium ${data.status === false ? "text-mono_500 border border-mono_500 pointer-events-none" : "text-mono_black bg-white"}`}>
+          <motion.button
+           key={data.id}
+           whileHover={{ scale: data.status ? 1.05 : 1.0 }}
+           whileTap={{ scale: 0.8 }}
+           transition={{ duration: 0.2 }}
+           className={`w-full rounded py-4 text-[0.75rem] font-medium ${data.status === false ? "text-mono_500 border border-mono_500 pointer-events-none" : "text-mono_black bg-white"}`}
+         >
         {data.status === false ? '모집 기간이 아니에요.' : '모집 신청하기'}
-      </button>
+      </motion.button>
       </motion.section>
         </div>
     </div>