demo: Use monospace font for JSON input box (#88)

david-yz-liu · Sep 21, 2024 · 568f09b · 568f09b
1 parent 7f06b25
commit 568f09b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -15,6 +15,8 @@ and adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ### 📚 Documentation and demo website changes
 
+-   Made text input box use a monospace font
+
 ### 🔧 Internal changes
 
 ## [0.3.2] - 2024-09-14

diff --git a/demo/src/MemoryModelsUserInput.tsx b/demo/src/MemoryModelsUserInput.tsx
@@ -109,6 +109,7 @@ function MemoryModelsTextInput(props: MemoryModelsTextInputPropTypes) {
             variant="outlined"
             value={props.textData}
             onChange={handleTextFieldChange}
+            slotProps={{ input: { style: { fontFamily: "monospace" } } }}
         />
     );
 }