fix visual bug on api demo

ManuCastrillonM · Nov 23, 2023 · e4b7963 · e4b7963
1 parent 713d214
commit e4b7963
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/apiDemo/apiDemo.js b/src/components/apiDemo/apiDemo.js
@@ -33,7 +33,7 @@ export default class Demo extends React.Component {
   render() {
     return (
       <section className={styles.demo}>
-        <div className="container">
+        <div className={styles.demoContainer}>
           <div className={styles.demoContent}>
             <div className={styles.demoHeader}>
               <span className={styles.demoHeaderRed}></span>

diff --git a/src/components/apiDemo/apiDemo.module.css b/src/components/apiDemo/apiDemo.module.css
@@ -24,11 +24,19 @@
   padding: 5px 10px;
 }
 
+.demo-container {
+  margin: 0 auto;
+  max-width: 800px;
+  overflow: scroll;
+  padding: 30px;
+}
+
 .demo-content {
   background-color: #f7f7ff;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
     rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
   border-radius: 25px;
+  min-width: 550px;
 }
 
 .demo-header {