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"> <Tabs defaultValue="analysis" className="w-full">
<TabsList className="mb-4"> <TabsList className="mb-4">
<TabsTrigger value="analysis"> <TabsTrigger value="analysis">
{tabColors && <TabIndicator color={tabColors.analysis} />}
Meta Analysis Meta Analysis
{tabColors && <TabIndicator color={tabColors.analysis} />}
</TabsTrigger> </TabsTrigger>
{metaData.headlines && metaData.headlines.length > 0 && ( {metaData.headlines && metaData.headlines.length > 0 && (
<TabsTrigger value="headlines"> <TabsTrigger value="headlines">
{tabColors && <TabIndicator color={tabColors.headlines} />}
Headlines Headlines
{tabColors && <TabIndicator color={tabColors.headlines} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.images && metaData.images.length > 0 && ( {metaData.images && metaData.images.length > 0 && (
<TabsTrigger value="images"> <TabsTrigger value="images">
{tabColors && <TabIndicator color={tabColors.images} />}
Images Images
{tabColors && <TabIndicator color={tabColors.images} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.links && metaData.links.length > 0 && ( {metaData.links && metaData.links.length > 0 && (
<TabsTrigger value="links"> <TabsTrigger value="links">
{tabColors && <TabIndicator color={tabColors.links} />}
Links Links
{tabColors && <TabIndicator color={tabColors.links} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.openGraph && metaData.twitter && ( {metaData.openGraph && metaData.twitter && (
<TabsTrigger value="social"> <TabsTrigger value="social">
{tabColors && <TabIndicator color={tabColors.social} />}
Social Social
{tabColors && <TabIndicator color={tabColors.social} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.schema && metaData.schema.length > 0 && ( {metaData.schema && metaData.schema.length > 0 && (
<TabsTrigger value="schema"> <TabsTrigger value="schema">
{tabColors && <TabIndicator color={tabColors.schema} />}
Schema Schema
{tabColors && <TabIndicator color={tabColors.schema} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.systems && metaData.systems.length > 0 && ( {metaData.systems && metaData.systems.length > 0 && (
<TabsTrigger value="system"> <TabsTrigger value="system">
{tabColors && <TabIndicator color={tabColors.system} />}
System System
{tabColors && <TabIndicator color={tabColors.system} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.tracking && metaData.tracking.length > 0 && ( {metaData.tracking && metaData.tracking.length > 0 && (
<TabsTrigger value="tracking"> <TabsTrigger value="tracking">
{tabColors && <TabIndicator color={tabColors.tracking} />}
Tracking Tracking
{tabColors && <TabIndicator color={tabColors.tracking} />}
</TabsTrigger> </TabsTrigger>
)} )}
{metaData.faq && metaData.faq.length > 0 && ( {metaData.faq && metaData.faq.length > 0 && (
<TabsTrigger value="faq"> <TabsTrigger value="faq">
{tabColors && <TabIndicator color={tabColors.faq} />}
FAQ FAQ
{tabColors && <TabIndicator color={tabColors.faq} />}
</TabsTrigger> </TabsTrigger>
)} )}
</TabsList> </TabsList>

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

@@ -18,7 +18,7 @@ export function TabIndicator({ color }: TabIndicatorProps) {
return ( return (
<div <div
className={cn( 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] colorClassMap[color]
)} )}
/> />