Merge pull request #2731 from CihanSenturk/master

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>

safelist.txt

@@ -15,9 +15,11 @@ lg:relative
 lg:right-0
 lg:justify-around
 lg:space-x-16
+lg:pr-12
 sm:ltr:right-4
 sm:rtl:left-4
 sm:w-500
+sm:min-h-500
 ltr:-right-1.5
 rtl:-left-1.5
 rtl:-scale-x-100