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>
<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-left 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-left 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-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-center font-semibold text-foreground">보은군 내 순위</th>
</tr>
</thead>
<tbody>
@@ -65,8 +65,8 @@ function TraitTableView({ traits, traitRanks }: {
<td className="px-3 sm:px-5 py-4 text-center">
<span className="font-medium text-foreground">{trait.shortName}</span>
</td>
<td className="px-3 sm:px-5 py-4 text-left">
<div className="flex items-center gap-2">
<td className="px-3 sm:px-5 py-4 text-center">
<div className="flex items-center justify-center gap-2">
<span className={`font-bold ${(() => {
const value = trait.traitVal ?? 0
const isNegativeTrait = NEGATIVE_TRAITS.includes(trait.traitName || '')
@@ -82,19 +82,19 @@ function TraitTableView({ traits, traitRanks }: {
</span>
</div>
</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">
상위 {(trait.percentile || 0).toFixed(0)}%
</span>
</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">
{rankData?.farmRank && rankData.farmTotal ? (
`${rankData.farmRank}위/${rankData.farmTotal}두`
) : '-'}
</span>
</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">
{rankData?.regionRank && rankData.regionTotal ? (
`${rankData.regionRank}위/${rankData.regionTotal}두`