From 24e3e8e989f20d123f15dae612be68adc7c32a68 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Fri, 10 Apr 2026 10:17:37 +0200
Subject: [PATCH] fix(ui) : fix code block rendering in markdown preview

Code blocks (triple backticks) had broken styling because prose-code
styles (light background, padding) were also applied to <code> inside
<pre>, conflicting with the dark pre background.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/components/ui/MarkdownPreviewModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/ui/MarkdownPreviewModal.vue b/frontend/components/ui/MarkdownPreviewModal.vue
index c787a59..56eb599 100644
--- a/frontend/components/ui/MarkdownPreviewModal.vue
+++ b/frontend/components/ui/MarkdownPreviewModal.vue
@@ -30,7 +30,7 @@
                     <div class="overflow-y-auto px-6 py-4">
                         <div
                             v-if="content"
-                            class="prose prose-slate max-w-none prose-headings:font-semibold prose-a:text-blue-600 prose-code:rounded prose-code:bg-slate-100 prose-code:px-1.5 prose-code:py-0.5 prose-code:text-sm prose-code:before:content-none prose-code:after:content-none prose-pre:bg-slate-900 prose-pre:text-slate-100"
+                            class="prose prose-slate max-w-none prose-headings:font-semibold prose-a:text-blue-600 prose-code:rounded prose-code:bg-slate-100 prose-code:px-1.5 prose-code:py-0.5 prose-code:text-sm prose-code:before:content-none prose-code:after:content-none prose-pre:bg-slate-900 prose-pre:text-slate-100 prose-pre:overflow-x-auto [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_pre_code]:text-[0.875rem] [&_pre_code]:leading-relaxed"
                             v-html="renderedHtml"
                         />
                         <p v-else class="text-sm italic text-slate-400">