netbird/explain
0
0
Fork 0
mirror of https://github.com/netbirdio/explain.git synced 2026-05-22 18:44:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling

Browse Source
This commit is contained in:
braginini
2026-03-14 17:17:23 +01:00
parent 7ea8c35d92
commit e55ece54af
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/src/app/layout.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body style={{ margin: 0, background: "#0a0a0f", color: "#f0f0f5" }}>
<body style={{ margin: 0, background: "#0a0a0f", color: "#f0f0f5", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }}>
{children}
</body>
</html>
src/client/AIAssistantProvider.tsx
+14 -3
View File
@@ -249,6 +249,20 @@ export default function AIAssistantProvider({
}
}, [explainMode]);
// Inject global styles via DOM to avoid SSR hydration mismatch
// (inline <style> tags with quotes get HTML-escaped differently on server vs client)
useEffect(() => {
const id = "nb-explain-styles";
if (document.getElementById(id)) return;
const style = document.createElement("style");
style.id = id;
style.textContent = S.CSS_VARS + S.ANIMATIONS + S.HIGHLIGHT_STYLES;
document.head.appendChild(style);
return () => {
style.remove();
};
}, []);
return (
<AIAssistantContext.Provider
value={{
@@ -262,9 +276,6 @@ export default function AIAssistantProvider({
clearExplainContext,
}}
>
{/* Inject CSS custom properties, animations, and highlight styles */}
<style>{S.CSS_VARS + S.ANIMATIONS + S.HIGHLIGHT_STYLES}</style>
{children}
{/* Explain mode banner */}