Update demo

Rodgath · Aug 8, 2023 · 636c45f · 636c45f
1 parent f5a4bc0
commit 636c45f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,4 +9,4 @@
 ###### v1.0.0 - Aug 5, 2023
 ```
 = Initial release.
-```
+```
diff --git a/demo/css/style.css b/demo/css/style.css
@@ -179,4 +179,9 @@ body {
 .code-box pre {
   margin   : 0;
   font-size: 13px
+}
+
+/* Alter drag handle width */
+#judo-scroller {
+  width: 60% !important;
 }
diff --git a/demo/index.html b/demo/index.html
@@ -66,6 +66,8 @@ <h2>360° degrees image spinner and rotation using JavaScript. </h2>
         <img src="images/36.png" alt="Image 36">
       </div>
 
+      <br><br><br>
+
       <div class="accordion">
         <div class="accordion-item">
           <div class="accordion-header">HTML Code</div>
@@ -121,7 +123,7 @@ <h2>360° degrees image spinner and rotation using JavaScript. </h2>
             <div class="code-box">
               <pre><code class="language-javascript">&lt;script&gt;
   document.addEventListener(&#39;DOMContentLoaded&#39;, function () {
-    judoSpin(&#39;.image-spin-box&#39;, { currImage: 1, enableDragHangle: true });
+    judoSpin(&#39;.image-spin-box&#39;, { currImage: 1, enableDragHandle: true });
   });
 &lt;/script&gt;</code></pre>
             </div>
@@ -148,7 +150,7 @@ <h2>360° degrees image spinner and rotation using JavaScript. </h2>
       document.addEventListener('DOMContentLoaded', function () {
         judoSpin('.image-spin-box', {
           currImage: 1,
-          enableDragHangle: true
+          enableDragHandle: true
         });
       });
     </script>