BasegBot/InvestWeb
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

quick responsive mitigation

Browse source
This commit is contained in:
3zachm 2022-12-22 08:50:00 -08:00
parent 8333ca091d
commit f78232f3c2
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/dashboard/ranking.tsx
View file

@ -28,14 +28,16 @@ function Ranking() {
initial="initial" initial="initial"
animate="animate" animate="animate"
> >
{/* hidden if smaller than lg */}
<m.h1 <m.h1
className="hidden bg-gradient-to-tr from-purple-500 to-purple-100 bg-clip-text py-10 text-center font-plusJakarta text-5xl font-bold text-white text-transparent lg:block lg:text-6xl" className="hidden bg-gradient-to-tr from-purple-500 to-purple-100 bg-clip-text py-10 text-center font-plusJakarta text-5xl font-bold text-white text-transparent lg:block lg:text-6xl"
variants={headerVariants} variants={headerVariants}
> >
Top Investors Top Investors
</m.h1> </m.h1>
{/* TODO: responsive for extremely skinny displays (i.e. galaxy fold), or really for mobile entirely so info is not lost */}
<m.div <m.div
className="inline-grid w-full rounded-t-2xl bg-zinc-800 bg-opacity-70 p-3 pt-4 text-xl backdrop-blur lg:text-2xl" className="text-md inline-grid w-full rounded-t-2xl bg-zinc-800 bg-opacity-70 p-3 pt-4 backdrop-blur sm:text-xl"
variants={rankingCardVariants} variants={rankingCardVariants}
initial="initial" initial="initial"
animate="animate" animate="animate"