fix: playlist show responsive

abourtnik · Dec 15, 2023 · a927ba5 · a927ba5
1 parent 0f522e2
commit a927ba5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/resources/views/playlists/show.blade.php b/resources/views/playlists/show.blade.php
@@ -55,14 +55,13 @@ class="btn btn-primary btn-sm"
             </div>
         </div>
         <div class="col-md-12 col-lg-7 col-xl-8 col-xxl-8">
-            <div class="card card-body">
-                @if($playlist->videos->count())
+            <div class="card card-body p-0">
+                @if($playlist->videos_count)
                     <ul class="list-group list-group-flush">
                         @foreach($playlist->videos as $key => $video)
-                            <div class="d-flex gap-3 align-items-center list-group-item list-group-item-action">
-                                <span>{{$key + 1}}</span>
+                            <div class="d-flex gap-3 align-items-center list-group-item list-group-item-action px-2 px-sm-3 py-3 py-sm-3">
                                 @if($video->user->is(Auth::user()) || $video->is_public)
-                                    @include('videos.card-secondary', $video)
+                                    @include('videos.card-secondary', ['video' => $video, 'playlist_video' => true])
                                 @else
                                     <div class="row w-100 align-items-center">
                                         <div class="col-12 col-sm-4 col-xxl-3">

diff --git a/resources/views/videos/card-secondary.blade.php b/resources/views/videos/card-secondary.blade.php
@@ -1,4 +1,4 @@
-<article class="d-flex flex-wrap flex-sm-nowrap mb-2 position-relative gap-2 suggested_video video-card">
+<article @class(["d-flex flex-wrap flex-sm-nowrap position-relative gap-2 suggested_video", "mb-2 video-card" => !isset($playlist_video)])>
     <a href="{{$video->route}}">
         <div class="position-relative">
             <image-loaded source="{{$video->thumbnail_url}}" title="{{$video->title}}" imgClass="rounded-2 video-thumbnail"/>