improve scrollable containers

docs/src/components/Demo/style.scss

@@ -8,9 +8,9 @@
     border-bottom-width: 0;
     color: $colorBlack;
     background-color: $colorWhite;
-    max-height: unquote("max(300px, 70vh)");
+    max-height: unquote("max(300px, 60vh)");
     overflow: auto;
-    scroll-behavior: smooth;
+    -webkit-overflow-scrolling: touch;
     border: 3px solid $colorBlack;
   }
 

docs/src/components/DemoContent/index.vue

@@ -1,8 +1,6 @@
 <template>
-  <div v-if="mainFile">
-    <component :is="mainFile" v-if="mode === 'vue'" />
-    <react-renderer :component="mainFile" v-if="mode === 'react'" />
-  </div>
+  <component :is="mainFile" v-if="mainFile && mode === 'vue'" />
+  <react-renderer :component="mainFile" v-else-if="mainFile && mode === 'react'" />
 </template>
 
 <script>