浏览代码

팝업 모달 디자인 수정

jh-linux 2 月之前
父节点
当前提交
a98e0c3196
共有 1 个文件被更改,包括 7 次插入1 次删除
  1. 7 1
      src/components/common/PopupModal.tsx

+ 7 - 1
src/components/common/PopupModal.tsx

@@ -59,7 +59,13 @@ const PopupModal: React.FC<PopupModalProps> = ({
       <div className="flex gap-2 mb-4">
         <Link
           to={buttonLink}
-          className="flex-1 bg-blue-600 text-white px-3 py-2 rounded text-sm hover:bg-blue-700"
+          //className="flex-1 bg-blue-600 text-white px-3 py-2 rounded text-sm hover:bg-blue-700"
+          //{/*bg-gradient-to-r from-indigo-500 via-blue-500 to-indigo-500*/}
+          className="flex-1 px-4 py-2.5 rounded-lg text-sm font-semibold text-white
+             bg-blue-600 hover:bg-indigo-600
+             shadow-md hover:shadow-lg
+             transform hover:-translate-y-0.5 transition-all duration-200 ease-in-out
+             text-center"
         >
           {buttonText}
         </Link>