5UP3RB/actaeon
1
0
Fork 0
forked from sk1982/actaeon
Code Pull Requests Activity

chuni: fix nameplate size

Browse Source
This commit is contained in:
sk1982 2024-03-15 03:05:36 -04:00
parent 4cb3fd2128
commit 17c87c89df
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(with-header)/chuni/dashboard/page.tsx
View File

@ -27,7 +27,7 @@ export default async function ChuniDashboard() {
<div className="flex flex-col h-full flex-grow">
<div className="flex flex-wrap-reverse">
<div className="text-xl font-semibold mt-auto pt-3 hidden md:block pr-3">Recent Plays</div>
<ChuniNameplate className="hidden md:block max-w-[38rem] w-full ml-auto" profile={profile} />
<ChuniNameplate className="hidden md:block max-w-[50rem] w-full ml-auto" profile={profile} />
</div>
<div className="text-lg font-semibold px-4 pt-4 border-t border-gray-500 md:hidden">Recent Plays</div>
<div className="my-4 w-full flex-grow grid gap-2 grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 5xl:grid-cols-6 6xl:grid-cols-8">

10
src/components/chuni/nameplate.tsx
View File

@ -18,7 +18,7 @@ export const ChuniNameplate = ({ className, profile }: ChuniNameplateProps) => {
return (<div className={`aspect-[576/210] overflow-hidden ${className ?? ''}`}>
<div className="aspect-[576/228] w-full relative">
<div className="absolute z-10 w-[73%] h-full right-[1.5%] top-[3%] flex flex-col items-center">
<div className="absolute z-10 w-[72%] h-[83%] right-[3.25%] top-[2.5%] flex flex-col items-center">
<div className="h-[15%] w-[99%]">
<div className="@container-size h-full bg-gray-400 rounded p-[0.35%]">
<div className="w-full h-full border border-gray-600 rounded flex items-center shadow-inner">
@ -50,16 +50,16 @@ export const ChuniNameplate = ({ className, profile }: ChuniNameplateProps) => {
<span className="font-normal text-[13cqh]">Last Play Date:&nbsp;</span>
<span className="text-[15cqh]">{profile.lastPlayDate && formatJst(profile.lastPlayDate)}</span>
</div>
<div className="leading-none py-[2%] flex items-baseline">
<ChuniRating className="text-[12cqh] text-stroke-[0.75cqh]" rating={profile.playerRating}>
<div className="leading-none flex items-baseline">
<ChuniRating className="text-[14cqh] text-stroke-[0.75cqh]" rating={profile.playerRating}>
RATING:&nbsp;
</ChuniRating>
<ChuniRating className="text-[15cqh] text-stroke-[0.75cqh]" rating={profile.playerRating} />
<ChuniRating className="text-[18cqh] text-stroke-[0.75cqh]" rating={profile.playerRating} />
<span className="text-[13cqh]">&nbsp;(<span className="text-[11cqh]">MAX</span> {((profile.highestRating ?? 0) / 100).toFixed(2)})</span>
</div>
</div>
</div>
<img className="ml-auto aspect-square h-full bg-gray-200 border-2 border-black" alt="Character" src={profile.characterId ? getImageUrl(
<img className="ml-auto aspect-square h-full bg-gray-200 border-2 border-black" alt="Character" src={profile.characterId !== null ? getImageUrl(
`chuni/character/CHU_UI_Character_${Math.floor(profile.characterId / 10).toString()
.padStart(4, '0')}_${(profile.characterId % 10).toString().padStart(2, '0')}_02`) : ''}/>
</div>