background

foreground

muted

muted foreground

popover

popover foreground

card

card foreground

border

input

primary

primary foreground

secondary

secondary foreground

accent

accent foreground

destructive

destructive foreground

ring

sidebar

sidebar foreground

sidebar primary

sidebar primary-foreground

sidebar accent

sidebar accent-foreground

sidebar border

sidebar ring

Edit CSS variables

logo

Admin Dashboard

app logo

I'll create a modern, minimal admin dashboard for your Social Commerce platform. This will include a comprehensive layout with flagged products management, disputes handling, and fraud monitoring with analytics cards. The design will feature clean tables, interactive modals, and a responsive sidebar navigation.

Admin Dashboard
Generated
Generated
Generated
Generated
Generated
Generated
Generated
Generated
Generated
app logo

I'll update the dashboard to use a clean tabs interface instead of the sidebar navigation. This will make the UI even cleaner while maintaining all the current functionality and modern design. The tabs will include Overview, Flagged Products, Disputes, and Fraud Monitoring sections.

Tabs Navigation
Rewritten
Rewritten
app logo

I'll update the tabs to match the card-style design from your image. This will give them a more modern, card-like appearance with icons positioned above the text labels and better spacing between each tab.

Custom Tab Design
Modified
app logo

I'll update the tabs to match the exact styling from your design image - using the light gray backgrounds, subtle rounded corners, and clean spacing that's consistent with your design system.

Design Consistent Tabs
Modified
app logo

I'll update the tabs to use the exact styling you provided. This will give them the proper container with muted background, rounded borders, and the correct active/inactive states with icons positioned to the left of the text content.

Updated Tab Style
Modified
Files