astral/buzz-sheet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : warning from tailwindcss

Browse Source
This commit is contained in:
gunshiz
2026-09-20 00:55:57 +07:00 Unverified
parent 7c10b2c995
commit cd72f1fa5f
14 changed files with 499 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/public/constellation-image.tsx
+6 -6
View File
@@ -22,7 +22,7 @@ export function ConstellationImage({
const footer = group.note;
return (
<div className="relative isolate size-[1500px] overflow-hidden bg-[#070b20] font-heading text-white">
<div className="relative isolate size-375 overflow-hidden bg-[#070b20] font-heading text-white">
<GuideExportBranding backgroundUrl={background} variant="constellation" />
<div className="absolute inset-x-20 top-7 z-10 flex items-start justify-center gap-5">
@@ -45,14 +45,14 @@ export function ConstellationImage({
>
{`${guide.character.name}’s Constellations`}
</h2>
<p className="mt-3 line-clamp-2 max-w-[1100px] whitespace-pre-line text-[42px] leading-tight font-bold text-[#f1badd]">
<p className="mt-3 line-clamp-2 max-w-275 whitespace-pre-line text-[42px] leading-tight font-bold text-[#f1badd]">
<ExportText th="ดาเมจทั้งทีม" en="Team Damage" />
</p>
</div>
</div>
<div className="absolute top-[160px] bottom-[115px] left-[154px] z-20 w-1 bg-black/90" />
<div className="absolute inset-x-14 top-[205px] bottom-[145px] z-20 flex flex-col justify-between">
<div className="absolute top-40 bottom-28.75 left-38.5 z-20 w-1 bg-black/90" />
<div className="absolute inset-x-14 top-51.25 bottom-36.25 z-20 flex flex-col justify-between">
{rows.map((row) => (
<div
key={row.level}
@@ -61,7 +61,7 @@ export function ConstellationImage({
<div className="text-right text-[58px] leading-none font-bold drop-shadow-[0_5px_4px_rgba(0,0,0,0.9)]">
C{row.level}
</div>
<div className="flex h-[100px] items-center">
<div className="flex h-25 items-center">
<div
className={cn(
"h-full shrink-0 rounded-r-xl",
@@ -83,7 +83,7 @@ export function ConstellationImage({
</div>
{footer ? (
<p data-export-note className="absolute bottom-10 left-[154px] z-30 max-w-[1000px] truncate text-[28px] font-semibold drop-shadow-[0_4px_3px_rgba(0,0,0,0.9)]">
<p data-export-note className="absolute bottom-10 left-38.5 z-30 max-w-275 truncate text-[28px] font-semibold drop-shadow-[0_4px_3px_rgba(0,0,0,0.9)]">
{footer}
</p>
) : null}