Merge pull request #43 from Edgarmejiav/btns-gradient

feat: change color to gradient ticket
Afordin · Jul 9, 2023 · f6ec902 · f6ec902
2 parents 9905647 + 0a94c13
commit f6ec902
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/src/components/Ticket/TicketShare.tsx b/src/components/Ticket/TicketShare.tsx
@@ -3,13 +3,18 @@ interface Props {
 }
 export default function TicketShare({ createTweet }: Props) {
     return (
-        <button
-            type="button"
-            onClick={createTweet}
-            rel="noopener noreferrer"
-            className="p-4 text-white text-sm md:text-xl bg-blue-600 font-extrabold rounded-full border-4 hover:border-blue-600 hover:text-black hover:bg-white transition-all"
+        <div
+            className={'p-1 hover:scale-105 gradient rounded-full inline-block w-auto whitespace-no-wrap  '}
         >
-            Compartir en Twitter
-        </button>
+            <button
+                type='button'
+                onClick={createTweet}
+                rel='noopener noreferrer'
+                className='p-4 text-white text-sm md:text-xl font-extrabold rounded-full
+            bg-black hover:text-black hover:gradient   hover:text-black'
+            >
+                Compartir en Twitter
+            </button>
+        </div>
     )
-}
+}