95 lines
1.7 KiB
CSS
95 lines
1.7 KiB
CSS
/* Presentation Editor - Minimal component-specific styles only */
|
|
|
|
.presentation-editor {
|
|
min-height: 100vh;
|
|
background: var(--bg-primary);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* Component-specific layout overrides only */
|
|
.editor-layout {
|
|
display: flex;
|
|
flex: 1;
|
|
min-height: 0;
|
|
}
|
|
|
|
.slide-editor-area {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
}
|
|
|
|
.slide-editor {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 1rem;
|
|
}
|
|
|
|
/* Theme preview in empty state - component specific */
|
|
.theme-preview {
|
|
background: var(--bg-primary);
|
|
border: 1px solid var(--border-primary);
|
|
border-radius: 0.75rem;
|
|
padding: 2rem;
|
|
margin: 2rem 0;
|
|
text-align: left;
|
|
max-height: 500px;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.available-layouts {
|
|
flex: 1;
|
|
min-height: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.layouts-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
|
gap: 1rem;
|
|
overflow-y: auto;
|
|
max-height: 300px;
|
|
padding-right: 0.5rem;
|
|
}
|
|
|
|
/* Custom scrollbar for layouts grid */
|
|
.layouts-grid::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
.layouts-grid::-webkit-scrollbar-track {
|
|
background: var(--bg-tertiary);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.layouts-grid::-webkit-scrollbar-thumb {
|
|
background: var(--border-hover);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.layouts-grid::-webkit-scrollbar-thumb:hover {
|
|
background: var(--color-slate-400);
|
|
}
|
|
|
|
/* Slide thumbnail positioning in editor context */
|
|
.slide-thumbnail {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
/* Responsive design */
|
|
@media (max-width: 768px) {
|
|
.editor-layout {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.slide-sidebar {
|
|
width: 100%;
|
|
max-height: 200px;
|
|
}
|
|
} |