fix: load globals.css and Geist font in plugin sandbox iframe
This commit is contained in:
@@ -1,5 +1,17 @@
|
|||||||
import type { Metadata } from 'next';
|
import type { Metadata } from 'next';
|
||||||
import type { ReactNode } from 'react';
|
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 = {
|
export const metadata: Metadata = {
|
||||||
title: 'Plugin sandbox',
|
title: 'Plugin sandbox',
|
||||||
@@ -9,7 +21,10 @@ export const metadata: Metadata = {
|
|||||||
export default function PluginSandboxLayout({ children }: { children: ReactNode }) {
|
export default function PluginSandboxLayout({ children }: { children: ReactNode }) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<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}
|
{children}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user