Fix affichage paroles : white-space pre-line + échappement crochets markdown
Le parseur markdown convertissait [Intro] en <span>Intro</span> (perte des crochets) et les \n dans les nœuds texte étaient collapsés en espaces HTML. - Échappe tous les crochets dans les 11 fichiers markdown (\[Intro\] etc.) - Ajoute white-space: pre-line sur les paragraphes dans BookPlayer et ChapterContent pour que les sauts de ligne des paroles soient visibles Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -771,6 +771,11 @@ onUnmounted(() => {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
/* Lyrics: preserve line breaks from \n in text nodes */
|
||||
.reader-columns :deep(p) {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
/* Tighten prose for column context */
|
||||
.reader-columns :deep(h1) {
|
||||
font-size: clamp(1.5rem, 3.5vw, 2rem);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<article class="prose">
|
||||
<article class="prose prose-lyrics">
|
||||
<ContentRenderer :value="content" />
|
||||
</article>
|
||||
</template>
|
||||
@@ -9,3 +9,9 @@ defineProps<{
|
||||
content: any
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.prose-lyrics :deep(p) {
|
||||
white-space: pre-line;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user