Update purgecss

* Add fa-file regex

Author: steve-ks

app/Http/Controllers/StorageController.php

@@ -53,13 +53,6 @@ private function selectMimeIcon($mime)
             }
         }
 
-        // For images with missing thumbnails
-        if ($this->startsWith($mime, 'image'))
-        {
-            return $this->faMimeIcons['image'];
-        }
-
-
         if ($this->startsWith($mime, 'application'))
         {
             if ($this->contains($mime, 'word') || $this->contains($mime, 'text'))
@@ -79,6 +72,10 @@ private function selectMimeIcon($mime)
 
         if ($this->startsWith($mime, 'video'))
             return $this->faMimeIcons['video'];
+
+        // For images with missing thumbnails
+        if ($this->startsWith($mime, 'image'))
+            return $this->faMimeIcons['image'];
     }
 
     /**

public/css/app.css

@@ -24,7 +24,7 @@
         @if($fobj['ispicture'])
           {{-- Modal overlay link for image files --}}
           <span onclick="previewImage('{{ $fobj['url'] }}')"
-            class="absolute inset-0 hover:bg-gray-700 opacity-25 z-10">
+            class="absolute inset-0 hover:bg-gray-700 opacity-25 z-10 cursor-pointer">
           </span>
         @else
           {{-- Download overlay link for normal files --}}
@@ -38,8 +38,8 @@ class="absolute inset-0 hover:bg-gray-700 opacity-25 z-10">
             <img class="object-contain h-40 mb-4 p-4 mx-auto" title="{{ $fobj['basename'] }}" src="{{ $fobj['image'] }}" alt="{{ $fobj['basename'] }}" />
           @else
             <span class="fa-stack fa-4x pt-4 text-teal-800">
-              <i class="fas fa-circle fa-stack-2x"></i>
-              <i class="fas fa-{{ $fobj['icon'] }} fa-stack-1x fa-inverse"></i>
+              <i class="fa fa-circle fa-stack-2x"></i>
+              <i class="fa fa-{{ $fobj['icon'] }} fa-stack-1x fa-inverse"></i>
             </span>
           @endif
         </div>

resources/views/storage.blade.php

@@ -28,7 +28,7 @@ mix.webpackConfig({
    .copy('./node_modules/@fortawesome/fontawesome-free/webfonts', 'public/webfonts')
    .tailwind('tailwind.config.js')
    .purgeCss({
-      whitelistPatterns: [/-active$/, /-enter$/, /-leave-to$/, /dropzone/, /^dz-/]
+      whitelistPatterns: [/-active$/, /-enter$/, /-leave-to$/, /dropzone/, /^dz-/, /^fa-file/]
    })
    .setPublicPath('public')
    .browserSync('http://localhost:8000');