Add dialog border

Author: pomber

packages/mdx/src/mini-editor/dialog.scss

@@ -30,4 +30,5 @@
   inset: 40px;
   overflow: hidden;
   border-radius: 8px;
+  border: 1px solid;
 }

packages/mdx/src/mini-editor/expand-button.tsx

@@ -1,4 +1,5 @@
 import React from "react"
+import { ColorName, getColor } from "utils"
 import { IRawTheme } from "vscode-textmate"
 import { CodeBrowser } from "./code-browser"
 import { EditorStep } from "./editor-shift"
@@ -48,7 +49,15 @@ export function ExpandButton({
           }}
         />
         {expanded ? (
-          <div className="ch-expand-dialog-content">
+          <div
+            className="ch-expand-dialog-content"
+            style={{
+              borderColor: getColor(
+                theme,
+                ColorName.SideBarBorder
+              ),
+            }}
+          >
             <CodeBrowser
               files={files}
               theme={theme}