Michael Mainguy
15d3789bb4
- Create LayoutPreviewPage component for full-screen layout previews - Add preview route /themes/:themeId/layouts/:layoutId/preview to App routing - Update theme components with preview links and improved navigation - Fix iframe sandbox error by adding allow-scripts permission - Enhance template renderer with layout metadata support - Replace PostCSS with regex-only CSS parsing for browser compatibility - Add comprehensive standards documentation for code quality - Clean up CSS slot indicators to be always visible with descriptions 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
25 lines
486 B
CSS
25 lines
486 B
CSS
/* Additional styles for LayoutDetailPage preview link */
|
|
.layout-stats {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
margin-top: 0.5rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.preview-link {
|
|
color: #3b82f6;
|
|
text-decoration: none;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
padding: 0.375rem 0.75rem;
|
|
background: #dbeafe;
|
|
border-radius: 0.375rem;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.preview-link:hover {
|
|
background: #bfdbfe;
|
|
text-decoration: none;
|
|
transform: translateY(-1px);
|
|
} |