turbosoft/genome2025
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix_text_align

Browse Source
This commit is contained in:
NYD
2026-01-08 19:18:52 +09:00
parent 65d56ecc85
commit d8e7121b1a
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/app/cow/[cowNo]/genome/_components/trait-distribution-charts.tsx
View File

@@ -51,10 +51,10 @@ function TraitTableView({ traits, traitRanks }: {
<thead> <thead>
<tr className="border-b-2 border-border bg-muted/70"> <tr className="border-b-2 border-border bg-muted/70">
<th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">유전형질</th> <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">유전형질</th>
<th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">유전체 육종가</th> <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">유전체 육종가</th>
<th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">전국 백분위</th> <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">전국 백분위</th>
<th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">농가 내 순위</th> <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">농가 내 순위</th>
<th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">보은군 내 순위</th> <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">보은군 내 순위</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -65,8 +65,8 @@ function TraitTableView({ traits, traitRanks }: {
<td className="px-3 sm:px-5 py-4 text-center"> <td className="px-3 sm:px-5 py-4 text-center">
<span className="font-medium text-foreground">{trait.shortName}</span> <span className="font-medium text-foreground">{trait.shortName}</span>
</td> </td>
<td className="px-3 sm:px-5 py-4 text-left"> <td className="px-3 sm:px-5 py-4 text-center">
<div className="flex items-center gap-2"> <div className="flex items-center justify-center gap-2">
<span className={`font-bold ${(() => { <span className={`font-bold ${(() => {
const value = trait.traitVal ?? 0 const value = trait.traitVal ?? 0
const isNegativeTrait = NEGATIVE_TRAITS.includes(trait.traitName || '') const isNegativeTrait = NEGATIVE_TRAITS.includes(trait.traitName || '')
@@ -82,19 +82,19 @@ function TraitTableView({ traits, traitRanks }: {
</span> </span>
</div> </div>
</td> </td>
<td className="px-3 sm:px-5 py-4 text-left"> <td className="px-3 sm:px-5 py-4 text-center">
<span className="font-bold text-foreground"> <span className="font-bold text-foreground">
상위 {(trait.percentile || 0).toFixed(0)}% 상위 {(trait.percentile || 0).toFixed(0)}%
</span> </span>
</td> </td>
<td className="px-3 sm:px-5 py-4 text-left"> <td className="px-3 sm:px-5 py-4 text-center">
<span className="font-bold text-foreground"> <span className="font-bold text-foreground">
{rankData?.farmRank && rankData.farmTotal ? ( {rankData?.farmRank && rankData.farmTotal ? (
`${rankData.farmRank}위/${rankData.farmTotal}두` `${rankData.farmRank}위/${rankData.farmTotal}두`
) : '-'} ) : '-'}
</span> </span>
</td> </td>
<td className="px-3 sm:px-5 py-4 text-left"> <td className="px-3 sm:px-5 py-4 text-center">
<span className="font-bold text-foreground"> <span className="font-bold text-foreground">
{rankData?.regionRank && rankData.regionTotal ? ( {rankData?.regionRank && rankData.regionTotal ? (
`${rankData.regionRank}위/${rankData.regionTotal}두` `${rankData.regionRank}위/${rankData.regionTotal}두`