pascallinxweiler/Metify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Move tab indicators to the right - wrote 2 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-21 08:36:50 +01:00
parent 450f5f0614
commit da5bd9747e
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/meta-form.tsx
View File

@@ -203,55 +203,55 @@ export function MetaForm() {
<Tabs defaultValue="analysis" className="w-full">
<TabsList className="mb-4">
<TabsTrigger value="analysis">
{tabColors && <TabIndicator color={tabColors.analysis} />}
Meta Analysis
{tabColors && <TabIndicator color={tabColors.analysis} />}
</TabsTrigger>
{metaData.headlines && metaData.headlines.length > 0 && (
<TabsTrigger value="headlines">
{tabColors && <TabIndicator color={tabColors.headlines} />}
Headlines
{tabColors && <TabIndicator color={tabColors.headlines} />}
</TabsTrigger>
)}
{metaData.images && metaData.images.length > 0 && (
<TabsTrigger value="images">
{tabColors && <TabIndicator color={tabColors.images} />}
Images
{tabColors && <TabIndicator color={tabColors.images} />}
</TabsTrigger>
)}
{metaData.links && metaData.links.length > 0 && (
<TabsTrigger value="links">
{tabColors && <TabIndicator color={tabColors.links} />}
Links
{tabColors && <TabIndicator color={tabColors.links} />}
</TabsTrigger>
)}
{metaData.openGraph && metaData.twitter && (
<TabsTrigger value="social">
{tabColors && <TabIndicator color={tabColors.social} />}
Social
{tabColors && <TabIndicator color={tabColors.social} />}
</TabsTrigger>
)}
{metaData.schema && metaData.schema.length > 0 && (
<TabsTrigger value="schema">
{tabColors && <TabIndicator color={tabColors.schema} />}
Schema
{tabColors && <TabIndicator color={tabColors.schema} />}
</TabsTrigger>
)}
{metaData.systems && metaData.systems.length > 0 && (
<TabsTrigger value="system">
{tabColors && <TabIndicator color={tabColors.system} />}
System
{tabColors && <TabIndicator color={tabColors.system} />}
</TabsTrigger>
)}
{metaData.tracking && metaData.tracking.length > 0 && (
<TabsTrigger value="tracking">
{tabColors && <TabIndicator color={tabColors.tracking} />}
Tracking
{tabColors && <TabIndicator color={tabColors.tracking} />}
</TabsTrigger>
)}
{metaData.faq && metaData.faq.length > 0 && (
<TabsTrigger value="faq">
{tabColors && <TabIndicator color={tabColors.faq} />}
FAQ
{tabColors && <TabIndicator color={tabColors.faq} />}
</TabsTrigger>
)}
</TabsList>

2
src/components/tab-indicator.tsx
View File

@@ -18,7 +18,7 @@ export function TabIndicator({ color }: TabIndicatorProps) {
return (
<div
className={cn(
"h-2 w-2 rounded-full mr-2 flex-shrink-0",
"h-2 w-2 rounded-full ml-2 flex-shrink-0",
colorClassMap[color]
)}
/>