From 466c12e0a00a0960eb53dc52b5425fd57b9aa8bd Mon Sep 17 00:00:00 2001
From: Seth Forsgren <forsgren.seth@gmail.com>
Date: Tue, 13 Dec 2022 00:58:52 -0800
Subject: [PATCH] responsiveness of share modal

---
 components/Share.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Share.tsx b/components/Share.tsx
index f4572c5..527943f 100644
--- a/components/Share.tsx
+++ b/components/Share.tsx
@@ -215,7 +215,7 @@ export default function Share({
                     <img
                       src={getActiveResult()?.image}
                       alt="share image"
-                      className="w-3/4"
+                      className="w-4/5 sm:w-3/4"
                     />
                   </div>
 
@@ -223,7 +223,7 @@ export default function Share({
                     <audio
                       controls
                       src={getActiveResult()?.audio}
-                      className="w-3/4"
+                      className="w-4/5 sm:w-3/4"
                     >
                       Your browser does not support audio.
                     </audio>
@@ -235,14 +235,14 @@ export default function Share({
                         setOpen(false);
                       }}
                     >
-                      <span className="relative px-5 py-2 transition-all ease-in duration-75 bg-white rounded-md group-hover:bg-opacity-0">
+                      <span className="relative px-2 sm:px-5 py-2 transition-all ease-in duration-75 bg-white rounded-md group-hover:bg-opacity-0">
                         Cancel
                       </span>
                     </button>
 
                     <button
                       type="button"
-                      className="w-64 text-white bg-gradient-to-br from-purple-600 to-sky-500 hover:bg-gradient-to-bl font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
+                      className="sm:w-64 text-white bg-gradient-to-br from-purple-600 to-sky-500 hover:bg-gradient-to-bl font-medium rounded-lg text-sm px-4 sm:px-5 py-2.5 text-center mr-2 mb-2"
                       onClick={() => {
                         copyLinkToClipboard(0);
                         setOpen(false);
@@ -259,4 +259,4 @@ export default function Share({
       </Transition>
     </>
   );
-}
+}
\ No newline at end of file