fix : not fix image resolition
This commit is contained in:
@@ -161,7 +161,7 @@ function TeamExportImage({ team }: { team: Team }) {
|
|||||||
const total = team.members.reduce((sum, member) => sum + Number(member.damage), 0);
|
const total = team.members.reduce((sum, member) => sum + Number(member.damage), 0);
|
||||||
const seconds = Number(team.rotationSeconds);
|
const seconds = Number(team.rotationSeconds);
|
||||||
return (
|
return (
|
||||||
<div className="flex h-[1350px] w-[1080px] flex-col bg-[#05060a] p-[48px_52px] font-heading text-[white]">
|
<div className="flex min-h-[1350px] w-[1080px] flex-col bg-[#05060a] p-[48px_52px] font-heading text-[white]">
|
||||||
<header className="flex flex-col items-center text-center">
|
<header className="flex flex-col items-center text-center">
|
||||||
<h2 className="text-[64px] leading-tight font-bold">{team.title}</h2>
|
<h2 className="text-[64px] leading-tight font-bold">{team.title}</h2>
|
||||||
<p className="text-[32px] text-[#b9b9c2]">ระยะเวลาโรเทชั่น {seconds.toLocaleString(undefined, { maximumFractionDigits: 2 })} วิ</p>
|
<p className="text-[32px] text-[#b9b9c2]">ระยะเวลาโรเทชั่น {seconds.toLocaleString(undefined, { maximumFractionDigits: 2 })} วิ</p>
|
||||||
@@ -194,7 +194,7 @@ function TeamExportImage({ team }: { team: Team }) {
|
|||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
<div className="my-3 flex min-h-0 flex-1 items-center justify-center overflow-hidden rounded-2xl bg-[#272730] p-4 text-center text-[28px] leading-[1.4]"><p className="line-clamp-3 whitespace-pre-wrap">{team.combo}</p></div>
|
<div className="my-3 flex flex-1 items-center justify-center rounded-2xl bg-[#272730] p-4 text-center text-[28px] leading-[1.4]"><p className="whitespace-pre-wrap">{team.combo}</p></div>
|
||||||
<div className="flex shrink-0 justify-center border-t-2 border-[#34343d] pt-6 text-[64px] font-bold text-[#f0c95f]">DPS: {seconds > 0 ? (total / seconds).toLocaleString(undefined, { maximumFractionDigits: 0 }) : "0"}</div>
|
<div className="flex shrink-0 justify-center border-t-2 border-[#34343d] pt-6 text-[64px] font-bold text-[#f0c95f]">DPS: {seconds > 0 ? (total / seconds).toLocaleString(undefined, { maximumFractionDigits: 0 }) : "0"}</div>
|
||||||
<div className="mt-5 flex shrink-0 justify-center text-[40px] text-[#74747f]">By YT เกนชินไม่ใช่เกมมือถือ</div>
|
<div className="mt-5 flex shrink-0 justify-center text-[40px] text-[#74747f]">By YT เกนชินไม่ใช่เกมมือถือ</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -413,7 +413,7 @@ export function TeamSearch({ teams }: { teams: PublicGuide["teams"] }) {
|
|||||||
key={team.id}
|
key={team.id}
|
||||||
team={team}
|
team={team}
|
||||||
action={
|
action={
|
||||||
<GuideImageExport fileName={`${team.title}.png`} width={1080} height={1350} captureClassName="p-0">
|
<GuideImageExport fileName={`${team.title}.png`} width={1080} captureClassName="p-0">
|
||||||
<TeamExportImage team={team} />
|
<TeamExportImage team={team} />
|
||||||
</GuideImageExport>
|
</GuideImageExport>
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user