mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-05 21:39:54 +02:00
27 lines
738 B
CSS
27 lines
738 B
CSS
/*
|
|
* Media rules that are specific to rich text editor surfaces.
|
|
*
|
|
* The reusable Attachment component owns the generic .image-* figure and
|
|
* toolbar styles in attachment.css. This file only contains rich-text-editor
|
|
* fallbacks and editor-specific constraints.
|
|
*/
|
|
|
|
/* Images — generic fallback (non-NodeView contexts) */
|
|
.rich-text-editor img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: var(--radius);
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
/* Editor-only overrides: center the figure inside the NodeView and cap
|
|
* width so an oversize paste doesn't blow out the editor column. */
|
|
.rich-text-editor .image-node {
|
|
display: block !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.rich-text-editor .image-figure {
|
|
max-width: min(100%, 640px);
|
|
}
|