🎨style: add scale down up animation to line button (#980)

OpenUp-LabTakizawa · Sep 20, 2024 · 7c17152 · 7c17152
1 parent 94a1533
commit 7c17152
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/components/button/lineAddFriends.tsx b/app/components/button/lineAddFriends.tsx
@@ -10,7 +10,7 @@ export function LineAddFriends({
 }: Readonly<{ linkLink: string }>): JSX.Element {
   return (
     <Bounce>
-      <Link href={linkLink} className="block mx-auto w-fit">
+      <Link href={linkLink} className="block mx-auto scale-down-up w-fit">
         <Image
           src="/line_add_friends.avif"
           width={116}
@@ -30,7 +30,7 @@ export function LineApply({
     <Bounce>
       <Link
         href={lineLink}
-        className={`bg-[#00C300] btn shadow-lg text-lg text-white ${styles.greenShine}`}
+        className={`bg-[#00C300] font-bold gap-2 h-12 inline-flex items-center justify-center px-4 rounded-xl scale-down-up shadow-lg text-lg text-white ${styles.greenShine}`}
       >
         LINEで簡単応募する！
         <ArrowRightIcon className={`size-5 ${styles.arrowRight}`} />