fix: load globals.css and Geist font in plugin sandbox iframe

2026-05-21 18:15:00 +02:00
parent c9cda3e203
commit 7f35d792b2
1 changed files with 16 additions and 1 deletions
@@ -1,5 +1,17 @@
 import type { Metadata } from 'next';
 import type { ReactNode } from 'react';
+import { Geist, Geist_Mono } from 'next/font/google';
+import '../globals.css';
+
+const geistSans = Geist({
+  variable: '--font-geist-sans',
+  subsets: ['latin'],
+});
+
+const geistMono = Geist_Mono({
+  variable: '--font-geist-mono',
+  subsets: ['latin'],
+});

 export const metadata: Metadata = {
  title: 'Plugin sandbox',
@@ -9,7 +21,10 @@ export const metadata: Metadata = {
 export default function PluginSandboxLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
-      <body style={{ margin: 0, padding: 0, background: 'transparent' }}>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        style={{ margin: 0, padding: 0, background: 'transparent' }}
+      >
        {children}
      </body>
    </html>