Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-26 04:53:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean up

Browse source
This commit is contained in:
Pas 2025-01-16 14:38:06 -07:00
parent d03c762a31
commit 693e7e03f2
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/media/MediaCard.tsx
View file

@ -221,9 +221,9 @@ function MediaCardContent({
</div> </div>
{/* More Info */} {/* More Info */}
<div className="absolute bottom-1 right-2"> <div className="absolute bottom-0 translate-y-1 right-1">
<button <button
className="media-more-button" className="media-more-button p-2"
type="button" type="button"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
@ -269,12 +269,12 @@ function MediaCardContent({
}} }}
/> />
<div className="absolute inset-0 flex flex-col items-center justify-start gap-y-2 pt-14"> <div className="absolute inset-0 flex flex-col items-center justify-start gap-y-2 pt-8 md:pt-12">
<button <button
type="button" type="button"
className={classNames( className={classNames(
"w-[90%] h-12 rounded-lg px-4 py-2 my-1 transition-transform hover:scale-105 duration-100", // Button Size & Hover "w-[86%] md:w-[90%] h-12 rounded-lg px-4 py-2 my-1 transition-transform hover:scale-105 duration-100", // Button Size & Hover
"text-md text-white mix-blend-screen flex items-center justify-center", // Centering Content "text-md text-white flex items-center justify-center", // Centering Content
"bg-gray-200 bg-opacity-15 hover:bg-gray-400 hover:bg-opacity-25 backdrop-blur-md bg-blend-difference", // Background "bg-gray-200 bg-opacity-15 hover:bg-gray-400 hover:bg-opacity-25 backdrop-blur-md bg-blend-difference", // Background
"border-2 border-gray-400 border-opacity-20", // Border "border-2 border-gray-400 border-opacity-20", // Border
)} )}
@ -287,8 +287,8 @@ function MediaCardContent({
<button <button
type="button" type="button"
className={classNames( className={classNames(
"w-[90%] h-12 rounded-lg px-4 py-2 my-1 transition-transform hover:scale-105 duration-100", // Button Size & Hover "w-[86%] md:w-[90%] h-12 rounded-lg px-4 py-2 my-1 transition-transform hover:scale-105 duration-100", // Button Size & Hover
"text-md text-white mix-blend-screen flex items-center justify-center", // Centering Content "text-md text-white flex items-center justify-center", // Centering Content
"bg-gray-200 bg-opacity-15 hover:bg-gray-400 hover:bg-opacity-25 backdrop-blur-md bg-blend-difference", // Background "bg-gray-200 bg-opacity-15 hover:bg-gray-400 hover:bg-opacity-25 backdrop-blur-md bg-blend-difference", // Background
"border-2 border-gray-400 border-opacity-20", // Border "border-2 border-gray-400 border-opacity-20", // Border
)} )}
@ -300,7 +300,7 @@ function MediaCardContent({
icon={Icons.CHECKMARK} icon={Icons.CHECKMARK}
/> />
) : ( ) : (
"Copy Share Link" "Copy Link"
)} )}
</button> </button>
) : null} ) : null}
@ -308,8 +308,8 @@ function MediaCardContent({
<button <button
type="button" type="button"
className={classNames( className={classNames(
"w-[90%] h-12 rounded-lg px-4 py-2 my-1 transition-transform hover:scale-105 duration-100", // Button Size & Hover "w-[86%] md:w-[90%] h-12 rounded-lg px-4 py-2 my-1 transition-transform hover:scale-105 duration-100", // Button Size & Hover
"text-md text-white mix-blend-screen flex items-center justify-center", // Centering Content "text-md text-white flex items-center justify-center", // Centering Content
"bg-gray-200 bg-opacity-15 hover:bg-gray-400 hover:bg-opacity-25 backdrop-blur-md bg-blend-difference", // Background "bg-gray-200 bg-opacity-15 hover:bg-gray-400 hover:bg-opacity-25 backdrop-blur-md bg-blend-difference", // Background
"border-2 border-gray-400 border-opacity-20", // Border "border-2 border-gray-400 border-opacity-20", // Border
)} )}