fix(web): reset highlight.js padding on code viewer

Quentin Gliech and Claude Opus 4.6 (1M context) created 1 month ago

the imported github.css theme sets padding on .hljs which caused
misalignment between line numbers and code content

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Change summary

webui2/src/components/code/FileViewer.tsx | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)

Detailed changes

webui2/src/components/code/FileViewer.tsx 🔗

@@ -91,7 +91,10 @@ export function FileViewer({ blob, loading = false }: FileViewerProps) {
             ))}
           </div>
           <pre className="flex-1 overflow-visible px-4 py-4">
-            <code className="hljs" dangerouslySetInnerHTML={{ __html: html }} />
+            <code
+              className="hljs !bg-transparent !p-0"
+              dangerouslySetInnerHTML={{ __html: html }}
+            />
           </pre>
         </div>
       )}