max width fix

sacjoshi · sacjoshi · commit c2bf9826a2ae · 2024-07-10T15:57:02.000-07:00
diff --git a/heic-to-jpg-converter.html b/heic-to-jpg-converter.html
@@ -98,7 +98,7 @@ <h3 class="box-title">Download Your Converted Image From Here</h3>
                   <label for="base64">Converted Image</label>
                   <div id="target"></div>
                 </div>
-                
+
               </div>
               <div class="box-footer" id="download-div" style="display:none">
                 <div class="btn-group">
@@ -246,10 +246,10 @@ <h3 class="box-title">How to reduce converted image size?</h3>
     showInProgress();
     const filesSelected = document.getElementById('myFile').files;
     context.convertedFileExtension = findExtension(context);
-    if (filesSelected 
-          && filesSelected.length > 0 
-          && context.originalFileMeta 
-          && context.originalFileMeta.fileExtension 
+    if (filesSelected
+          && filesSelected.length > 0
+          && context.originalFileMeta
+          && context.originalFileMeta.fileExtension
           && context.originalFileMeta.fileExtension.toUpperCase() === 'HEIC'
           && context.format
           && context.convertedFileExtension) {
@@ -290,8 +290,8 @@ <h3 class="box-title">How to reduce converted image size?</h3>
     $("#myFile").selectOnFocus();
     $("#base64").selectOnFocus();
     $('#converters-category').addClass('active');
-
+    $('.markdown-body').attr('style', 'max-width:100%;');
   });
 </script>
 
-</html>
+</html>
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 ---
 title: Online Developer Tools | FromDev
 layout: post
---- 
+---
 <html>
 
 <head>
@@ -136,6 +136,10 @@ <h3 class="box-title">Generation Tools</h3>
     </div>
     <!-- ./wrapper -->
 {% include theme-bottom-js %}
-
+<script>
+  $(document).ready(function () {
+    $('.markdown-body').attr('style', 'max-width:100%;');
+  });
+</script>
 </body>
 </html>
diff --git a/javascript-escape-unescape.html b/javascript-escape-unescape.html
@@ -1,6 +1,6 @@
 ---
 title: JavaScript String Escape Online | Developer Tools
-layout: post 
+layout: post
 ---
 <html>
 
@@ -243,6 +243,7 @@ <h3 class="box-title">How can I learn JavaScript?</h3>
         });
         $("#inputText").selectOnFocus();
         $('#string-utility-category').addClass('active');
+        $('.markdown-body').attr('style', 'max-width:100%;');
     });
 </script>
 
diff --git a/jquery-quickstart-snippet.html b/jquery-quickstart-snippet.html
@@ -140,6 +140,7 @@ <h3 class="box-title">How to use jQuery Plugin snippet?</h3>
         $("#pluginSnippet").selectOnFocus();
         $("#pluginName").selectOnFocus();
         $('#generators-category').addClass('active');
+        $('.markdown-body').attr('style', 'max-width:100%;');
     });
 </script>
 
