Fix zoom

Author: pomber

packages/mdx/src/client/slideshow.scss

@@ -18,10 +18,10 @@
 .ch-slideshow-preview {
   flex: 1;
   height: auto;
+  min-width: 0;
 }
 
 .ch-slideshow-range {
-  margin-top: 1rem;
   display: flex;
   flex-flow: row;
   gap: 0.5rem;
@@ -31,11 +31,16 @@
   flex: 1;
 }
 
-.ch-slideshow-note {
-  height: 140px;
-  overflow: auto;
+.ch-slideshow-notes {
   border-radius: 0.25rem;
   margin-top: 1rem;
   padding: 1rem;
   border: 1px solid #e3e3e3;
 }
+
+.ch-slideshow-note {
+  min-height: 140px;
+  max-height: 140px;
+  padding: 0.05px;
+  overflow: auto;
+}

packages/mdx/src/client/slideshow.tsx

@@ -11,11 +11,13 @@ export function Slideshow({
   editorSteps,
   codeConfig,
   presetConfig,
+  code,
 }: {
   children: React.ReactNode
   editorSteps: EditorStep[]
   codeConfig: EditorProps["codeConfig"]
   presetConfig?: PresetConfig
+  code?: EditorProps["codeConfig"]
 }) {
   const stepsChildren = React.Children.toArray(children)
 
@@ -47,7 +49,10 @@ export function Slideshow({
       <div className="ch-slideshow-slide">
         <InnerCode
           {...(tab as any)}
-          codeConfig={codeConfig}
+          codeConfig={{
+            ...codeConfig,
+            ...code,
+          }}
           onTabClick={onTabClick}
         />
         {presetConfig && (