fix: sandpack border-radius

pmndrs · Nov 2, 2024 · 5752ba0 · 5752ba0
1 parent 1a7d0a6
commit 5752ba0
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/mdx/Sandpack/Sandpack.tsx b/src/components/mdx/Sandpack/Sandpack.tsx
@@ -18,6 +18,7 @@ const fullConfig = resolveConfig(tailwindConfig)
 // console.log('fullConfig', fullConfig.theme.colors)
 // console.log(fullConfig.theme.fontSize.sm)
 // console.log(fullConfig.theme.fontFamily.mono)
+// console.log(fullConfig.theme.borderRadius.lg)
 
 function getSandpackDependencies(folder: string) {
   const pkgPath = `${folder}/package.json`
@@ -97,6 +98,8 @@ export const Sandpack = async ({
         files={_files}
         customSetup={customSetup}
         options={options}
+        // @ts-ignore
+        style={{ '--sp-border-radius': fullConfig.theme.borderRadius.lg }}
       >
         <SandpackLayout>
           <SandpackCodeEditor />