wip #5007 @0:10

diff --git a/resources/views/components/media-library/index.blade.php b/resources/views/components/media-library/index.blade.php
index b8f33383f8d3215a7af6841505f2571454eff636..558a7bc26a8d79717916824b1446dfd4cfc7c67a 100644 (file)
--- a/resources/views/components/media-library/index.blade.php
+++ b/resources/views/components/media-library/index.blade.php
@@ -63,49 +63,49 @@
                      float-left w-[calc(100%/2-1.25rem)] md:w-[calc(100%/3-1.25rem)] lg:w-[calc(100%/4-1.25rem)] mx-2.5 mb-16
                      {{ implode(' ',$filters) }}
                      ">
-                         <div class=" media-item-image relative bg-cover bg-no-repeat rounded-md pb-[56.25%]"
-            style="background-color:#ddd;background-image:url({{ $item['image'] }})">
+                <div class=" media-item-image relative bg-cover bg-no-repeat rounded-md pb-[56.25%]"
+                     style="background-color:#ddd;background-image:url({{ $item['image'] }})">
 
-            {{-- Play Icon --}}
-            <svg
-                class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 transition group-hover:scale-110"
-                xmlns="http://www.w3.org/2000/svg" width="22.47%" viewBox="0 0 59.999 59.999">
-                {{-- Icon BG --}}
-                <path d="M0 29.999a30 30 0 1 0 30-30 30 30 0 0 0-30 30Z" fill="#0725e2"/>
+                    {{-- Play Icon --}}
+                    <svg
+                        class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 transition group-hover:scale-110"
+                        xmlns="http://www.w3.org/2000/svg" width="22.47%" viewBox="0 0 59.999 59.999">
+                        {{-- Icon BG --}}
+                        <path d="M0 29.999a30 30 0 1 0 30-30 30 30 0 0 0-30 30Z" fill="#0725e2"/>
 
-                <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
-                    @if ($item['type'] === 'audio')
-                        {{-- Audio Play Icon --}}
-                        <path d="M15.999 25.324h5.324v9.317h-5.324Z"/>
-                        <path d="M35.321 24.635a7.561 7.561 0 0 1 0 10.693 7.523 7.523 0 0 0 0-10.693Z"/>
-                        <path d="M39.644 21.627a11.815 11.815 0 0 1 0 16.709 11.756 11.756 0 0 0 0-16.709Z"/>
-                        <path d="M21.323 25.324 30.64 20v19.966l-9.317-5.325Z"/>
-                    @else
-                        {{-- Video Play Icon --}}
-                        <path d="m26.5 38.5 12-8-12-8Z"/>
-                    @endif
-                </g>
-            </svg>
+                        <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+                            @if ($item['type'] === 'audio')
+                                {{-- Audio Play Icon --}}
+                                <path d="M15.999 25.324h5.324v9.317h-5.324Z"/>
+                                <path d="M35.321 24.635a7.561 7.561 0 0 1 0 10.693 7.523 7.523 0 0 0 0-10.693Z"/>
+                                <path d="M39.644 21.627a11.815 11.815 0 0 1 0 16.709 11.756 11.756 0 0 0 0-16.709Z"/>
+                                <path d="M21.323 25.324 30.64 20v19.966l-9.317-5.325Z"/>
+                            @else
+                                {{-- Video Play Icon --}}
+                                <path d="m26.5 38.5 12-8-12-8Z"/>
+                            @endif
+                        </g>
+                    </svg>
 
-            <x-duration class="absolute bottom-2 right-2 font-secondary text-white"
-                        style="text-shadow: rgb(0 0 0 / 50%) 0 0.1em 0.2em">
-                {{ $item['duration'] }}
-            </x-duration>
+                    <x-duration class="absolute bottom-2 right-2 font-secondary text-white"
+                                style="text-shadow: rgb(0 0 0 / 50%) 0 0.1em 0.2em">
+                        {{ $item['duration'] }}
+                    </x-duration>
+                </div>
+                {{-- THEME LABEL --}}
+                <div class="mt-2.5 font-secondary font-medium text-xs leading-none" style="color:{{ $theme['color'] }}">
+                    {{ $theme['name'] }}
+                </div>
+                {{-- Set min height of 2 lines so intial float layout is less likely to have misplaced blocks --}}
+                <div class="mt-1.5 font-semibold leading-snug min-h-[2.75em]">
+                    ({{$item['code']}}) {{ $item['title'] }}
+                </div>
+            </div>
+        @endforeach
     </div>
-    {{-- THEME LABEL --}}
-    <div class="mt-2.5 font-secondary font-medium text-xs leading-none" style="color:{{ $theme['color'] }}">
-        {{ $theme['name'] }}
-    </div>
-    {{-- Set min height of 2 lines so intial float layout is less likely to have misplaced blocks --}}
-    <div class="mt-1.5 font-semibold leading-snug min-h-[2.75em]">
-        {{ $item['title'] }}
-    </div>
-</div>
-@endforeach
-</div>
 
-<x-media-library.player/>
+    <x-media-library.player/>
 
-<x-media-library.filter-interface/>
+    <x-media-library.filter-interface/>
 
 </div>