diff --git a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts index 4d650609fb..f31f677c25 100644 --- a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts +++ b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts @@ -33,6 +33,7 @@ import { computed } from '@preact/signals-core'; import { html, nothing } from 'lit'; import { property, queryAsync, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; +import { repeat } from 'lit/directives/repeat.js'; import { styleMap } from 'lit/directives/style-map.js'; import { when } from 'lit/directives/when.js'; import throttle from 'lodash-es/throttle'; @@ -452,7 +453,10 @@ export class EmbedLinkedDocBlockComponent extends EmbedBlockComponent html`
- ${description} + ${repeat( + (description.value ?? '').split('\n'), + text => html`

${text}

` + )}
`, () => when( diff --git a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts index 83358a0768..190234aaf3 100644 --- a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts +++ b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts @@ -97,6 +97,10 @@ export const styles = css` font-style: normal; font-weight: 400; line-height: 20px; + + p { + padding: 0 2px; + } } .affine-embed-linked-doc-content-note.alias {