Rainnny/rainnny.club
Rainnny/rainnny.club
1
0
Fork 0
Code Issues 1 Pull Requests 4 Actions Activity

Make the navigation content height static

Browse Source
This commit is contained in:
Braydon 2024-09-04 15:23:49 -04:00
parent 68c9f0d8ec
commit 2fd78acccd
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/landing/discord-status.tsx
View File

@ -86,7 +86,7 @@ const DiscordStatus = (): ReactElement | undefined => {
dcdnUser={dcdnUser} dcdnUser={dcdnUser}
/> />
<div className="px-3.5 pt-1.5 py-2.5 flex flex-col"> <div className="px-3 pt-1.5 py-2.5 flex flex-col">
<div className="ml-[5.65rem] flex items-start"> <div className="ml-[5.65rem] flex items-start">
{dcdnUser.bio && <Bio dcdnUser={dcdnUser} />} {dcdnUser.bio && <Bio dcdnUser={dcdnUser} />}
<Badges dcdnUser={dcdnUser} /> <Badges dcdnUser={dcdnUser} />
@ -226,7 +226,7 @@ const SpotifyActivity = ({ spotify }: { spotify: Spotify }): ReactElement => {
<div className="flex flex-col text-sm"> <div className="flex flex-col text-sm">
<Link href={trackUrl} target="_blank"> <Link href={trackUrl} target="_blank">
<h1 className="font-bold leading-none"> <h1 className="font-bold leading-none">
{truncateText(spotify.song, 24)} {truncateText(spotify.song, 22)}
</h1> </h1>
<h2 className="font-light opacity-70"> <h2 className="font-light opacity-70">
{truncateText(spotify.artist.replace(";", ","), 26)} {truncateText(spotify.artist.replace(";", ","), 26)}

4
src/components/landing/navigation.tsx
View File

@ -38,7 +38,7 @@ const Navigation = (): ReactElement => {
undefined undefined
); );
return ( return (
<div className="flex flex-col"> <div className="h-[20rem] flex flex-col">
{/* Selection Buttons */} {/* Selection Buttons */}
<div className="flex gap-3 sm:gap-6 justify-center transition-all transform-gpu"> <div className="flex gap-3 sm:gap-6 justify-center transition-all transform-gpu">
{items.map((item, index) => { {items.map((item, index) => {
@ -64,7 +64,7 @@ const Navigation = (): ReactElement => {
</div> </div>
{/* Selected Content */} {/* Selected Content */}
<BlurFade className="mt-5" delay={1.85} inView> <BlurFade className="mt-6" delay={1.95} inView>
{selected ? ( {selected ? (
<BlurFade <BlurFade
key={selected.name} key={selected.name}