fix: reduce tab font/padding on mobile to fit all 4 tabs
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -387,7 +387,7 @@ export const ReportPreview = () => {
|
|||||||
type="button"
|
type="button"
|
||||||
onClick={() => setActiveTab(tab)}
|
onClick={() => setActiveTab(tab)}
|
||||||
className={cn(
|
className={cn(
|
||||||
"text-muted-foreground hover:text-foreground relative flex-1 px-4 py-3 text-sm font-medium transition-colors",
|
"text-muted-foreground hover:text-foreground relative flex-1 px-2 py-3 text-xs font-medium transition-colors sm:px-4 sm:text-sm",
|
||||||
activeTab === tab && "text-foreground",
|
activeTab === tab && "text-foreground",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user