Mirrors
/
riffusion-app
mirror of https://github.com/riffusion/riffusion-app.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

responsiveness of share modal

This commit is contained in:
Seth Forsgren 2022-12-13 00:58:52 -08:00
parent a9898bd85f
commit 466c12e0a0
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Share.tsx
View File

@ -215,7 +215,7 @@ export default function Share({
<img <img
src={getActiveResult()?.image} src={getActiveResult()?.image}
alt="share image" alt="share image"
className="w-3/4" className="w-4/5 sm:w-3/4"
/> />
</div> </div>
@ -223,7 +223,7 @@ export default function Share({
<audio <audio
controls controls
src={getActiveResult()?.audio} src={getActiveResult()?.audio}
className="w-3/4" className="w-4/5 sm:w-3/4"
> >
Your browser does not support audio. Your browser does not support audio.
</audio> </audio>
@ -235,14 +235,14 @@ export default function Share({
setOpen(false); 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 Cancel
</span> </span>
</button> </button>
<button <button
type="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={() => { onClick={() => {
copyLinkToClipboard(0); copyLinkToClipboard(0);
setOpen(false); setOpen(false);
@ -259,4 +259,4 @@ export default function Share({
</Transition> </Transition>
</> </>
); );
} }