mobile style improvements for show pages

presets.js

@@ -267,6 +267,10 @@ module.exports = {
   
           backgroundPosition: {
             '0-full': ' 0 100%'
+          },
+
+          minHeight: {
+            '500': '500px',
           }
         },
 

public/css/app.css

@@ -7281,6 +7281,9 @@ button, input, optgroup, select, textarea{
 .min-h-0{
   min-height: 0px;
 }
+.min-h-500{
+  min-height: 500px;
+}
 .min-h-full{
   min-height: 100%;
 }

resources/views/components/show/content/left.blade.php

@@ -1,3 +1,3 @@
-<div class="lg:w-4/12 lg:border-r border-gray-300 pr-12 mb-4 sm:mb-0">
+<div class="lg:w-4/12 lg:border-r border-gray-300 lg:pr-12 mb-4 sm:mb-0">
     {!! $slot !!}
 </div>