fix: ...

MyriadFlow · Nov 15, 2024 · 40105a1 · 40105a1
1 parent e43eee8
commit 40105a1
Show file tree

Hide file tree

Showing 5 changed files with 10,115 additions and 17,168 deletions.
diff --git a/src/components/avatar-card.tsx b/src/components/avatar-card.tsx
@@ -23,7 +23,7 @@ const AvatarCard = ({
 	const name = phygitalId.toLowerCase().replace(/\s+/g, '-')
 
 	return (
-		<div className='relative rounded-3xl bg-gradient-to-b from-pink-500 to-blue-500 p-[2px] shadow-md bg-[#FFFFFF1A] md:w-[18rem] md:h-[24rem]'>
+		<div className='relative rounded-3xl bg-gradient-to-b from-pink-500 to-blue-500 p-[2px] shadow-md bg-[#FFFFFF1A] w-10/12 md:w-[18rem] md:h-[24rem]'>
 			<div className='p-4 rounded-3xl grid grid-rows-[3fr_1fr] h-full w-full bg-[#2a2a2a] overflow-hidden'>
 				<div className='flex justify-between items-start'>
 					<Image

diff --git a/src/components/avatar-leaderboard.tsx b/src/components/avatar-leaderboard.tsx
@@ -80,7 +80,9 @@ const AvatarLeaderboard = () => {
 			{/* Title */}
 			<div className='px-16 mb-8 flex gap-4'>
 				<div className='bg-[#DF1FDD] h-16 w-2'></div>
-				<h1 className='font-bold text-white text-6xl'>Avatar Leaderboard</h1>
+				<h1 className='font-bold text-white text-3xl md:text-6xl'>
+					Avatar Leaderboard
+				</h1>
 			</div>
 
 			{/* Top Performing Avatars Section */}
@@ -232,17 +234,17 @@ const AvatarLeaderboard = () => {
 					height={100}
 					src='/trophy1.png'
 					alt='Left Trophy'
-					className='absolute top-0 left-10 w-24 h-24'
+					className='absolute -top-14 md:top-0 -left-1 md:left-10 w-24 h-24'
 				/>
 				<Image
 					width={100}
 					height={100}
 					src='/trophy2.png'
 					alt='Right Trophy'
-					className='absolute top-0 right-10 w-24 h-24'
+					className='absolute -top-14 md:top-0 -right-1 md:right-10 w-24 h-24'
 				/>
 				<h1
-					className='text-center text-4xl font-bold gradient-text-banner-2 text-transparent py-4'
+					className='text-center text-3xl md:text-4xl font-bold gradient-text-banner-2 text-transparent py-4 px-2 md:px-0'
 					style={{ WebkitTextFillColor: 'transparent' }}
 				>
 					Rewarding Creators, Owners and Supporters.

diff --git a/src/components/leaderboard.tsx b/src/components/leaderboard.tsx
@@ -58,7 +58,9 @@ const Leaderboard = ({
 				<span className='text-lg font-semibold mt-6 text-[#DF1FDD]'>
 					{tagline}
 				</span>
-				<h1 className='text-6xl font-semibold mt-6 text-white'>{title}</h1>
+				<h1 className='text-3xl md:text-6xl font-semibold mt-6 text-white'>
+					{title}
+				</h1>
 				<p className='text-xl font-semibold mt-6 text-white'>{subtitle}</p>
 			</div>