Yong Tang 14ddef5c05
feat(gallery): add Style Detail Modal with phone UI controls preview (#155)
Click any StyleCard to open a full-screen modal showing the style applied
to 9 interactive phone UI controls (buttons, inputs, toggles, checkboxes,
radios, cards, badges, slider, nav bar) inside an iPhone mockup frame.

Co-authored-by: yongtang <jlinux@msn.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
2026-08-01 08:29:30 +07:00

28 lines
668 B
TypeScript

export interface StyleData {
no: number;
styleCategory: string;
type: string;
keywords: string;
primaryColors: string;
secondaryColors: string;
effectsAnimation: string;
bestFor: string;
doNotUseFor: string;
lightMode: string;
darkMode: string;
performance: string;
accessibility: string;
mobileFriendly: string;
conversionFocused: string;
frameworkCompatibility: string;
eraOrigin: string;
complexity: string;
aiPromptKeywords: string;
cssTechnicalKeywords: string;
implementationChecklist: string;
designSystemVariables: string;
// Computed fields
extractedColors: string[];
cssProperties: Record<string, string>;
}