alekswilc/wilczynski.me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(): add word-break to activity to prevent responsive issues
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Aleksander Wilczyński 2025-04-22 11:44:39 +02:00
parent a4fb62bf23
commit 37621c271f
Signed by: gitea
GPG Key ID: CECFC30736A3D1C8
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Whoami.tsx
View File

@ -18,7 +18,7 @@ const Activity = ({ data }: { data: TActivity }) => {
<div className="flex flex-col justify-center pr-4"> <div className="flex flex-col justify-center pr-4">
<VscodeWhoamiIcon /> <VscodeWhoamiIcon />
</div> </div>
<div className="flex flex-col justify-center"> <div className="flex flex-col justify-center break-all">
<h1 className='text-lg font-light'>{data.name}</h1> <h1 className='text-lg font-light'>{data.name}</h1>
{data.state && <p className='text-sm font-light text-zinc-300'>{data.state}</p>} {data.state && <p className='text-sm font-light text-zinc-300'>{data.state}</p>}
{data.details && <p className='text-sm font-light text-zinc-300'>{data.details}</p>} {data.details && <p className='text-sm font-light text-zinc-300'>{data.details}</p>}
@ -29,7 +29,7 @@ const Activity = ({ data }: { data: TActivity }) => {
<div className="flex flex-col justify-center pr-4"> <div className="flex flex-col justify-center pr-4">
<GameWhoamiIcon /> <GameWhoamiIcon />
</div> </div>
<div className="flex flex-col justify-center"> <div className="flex flex-col justify-center break-all">
<h1 className='text-lg font-light'>{data.name}</h1> <h1 className='text-lg font-light'>{data.name}</h1>
{data.state && <p className='text-sm font-light text-zinc-300'>{data.state}</p>} {data.state && <p className='text-sm font-light text-zinc-300'>{data.state}</p>}
{data.details && <p className='text-sm font-light text-zinc-300'>{data.details}</p>} {data.details && <p className='text-sm font-light text-zinc-300'>{data.details}</p>}
@ -87,7 +87,7 @@ export const Whoami = () => {
<div className="flex flex-col justify-center pr-4"> <div className="flex flex-col justify-center pr-4">
<SpotifyWhoamiIcon /> <SpotifyWhoamiIcon />
</div> </div>
<div className="flex flex-col justify-center"> <div className="flex flex-col justify-center break-all">
<h1 className='text-lg font-light'>{t("landing.discord.listening")}</h1> <h1 className='text-lg font-light'>{t("landing.discord.listening")}</h1>
<p className='text-sm font-light text-zinc-300'>{t("landing.discord.song", { song: data.spotify.song, artist: data.spotify.artist })}</p> <p className='text-sm font-light text-zinc-300'>{t("landing.discord.song", { song: data.spotify.song, artist: data.spotify.artist })}</p>
</div> </div>