feat: apply untranslated color setting to frontend display
- Use exportConfig.untranslatedColor for untranslated dish names in UI - Ensures consistent color between export and frontend display
This commit is contained in:
+4
-4
@@ -755,9 +755,9 @@ export default function RecipeTranslationPage() {
|
|||||||
key={dish.id}
|
key={dish.id}
|
||||||
className="flex flex-col gap-0.5 text-sm"
|
className="flex flex-col gap-0.5 text-sm"
|
||||||
>
|
>
|
||||||
<span className={dish.name.en ? "text-foreground" : "text-destructive"}>
|
<span style={{ color: dish.name.en ? undefined : exportConfig.untranslatedColor }}>
|
||||||
{dish.name.zh}
|
{dish.name.zh}
|
||||||
</span>
|
</span>
|
||||||
{dish.name.en && (
|
{dish.name.en && (
|
||||||
<span
|
<span
|
||||||
className="text-xs text-muted-foreground">
|
className="text-xs text-muted-foreground">
|
||||||
@@ -788,7 +788,7 @@ export default function RecipeTranslationPage() {
|
|||||||
key={dish.id}
|
key={dish.id}
|
||||||
className="flex flex-col gap-0.5"
|
className="flex flex-col gap-0.5"
|
||||||
>
|
>
|
||||||
<span className={dish.name.en ? "text-foreground" : "text-destructive"}>
|
<span style={{ color: dish.name.en ? undefined : exportConfig.untranslatedColor }}>
|
||||||
{dish.name.zh}
|
{dish.name.zh}
|
||||||
</span>
|
</span>
|
||||||
{dish.name.en && (
|
{dish.name.en && (
|
||||||
|
|||||||
Reference in New Issue
Block a user