fix: turn off minimap in monaco editor

slipHQ · Oct 29, 2021 · fd929b2 · fd929b2
1 parent 1682a0a
commit fd929b2
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/example-nextjs/components/Editor.tsx b/example-nextjs/components/Editor.tsx
@@ -68,7 +68,7 @@ export default function Editor(props: Props) {
                 }}
                 className="block w-1/2  text-white bg-gray-900 border-gray-300 rounded-lg   shadow-sm p-0.5 border   dark:border-purple-300 focus:ring-gray-500 focus:border-gray-500 sm:text-sm"
                 theme="vs-dark"
-                options={{ fontSize: 12 }}
+                options={{ fontSize: 12, minimap: { enabled: false } }}
                 onMount={handleEditorDidMount}
               />
             </div>
@@ -107,7 +107,11 @@ export default function Editor(props: Props) {
               defaultLanguage="python"
               className="block w-1/2 text-white bg-gray-900 border-gray-300 rounded-lg shadow-sm p-0.5 border dark:border-purple-300 focus:ring-gray-500 focus:border-gray-500 sm:text-sm"
               theme="vs-dark"
-              options={{ readOnly: true }}
+              options={{
+                readOnly: true,
+                fontSize: 12,
+                minimap: { enabled: false },
+              }}
             />
           </div>
         </div>