add episode list

This commit is contained in:
Constantin Plaiasu 2024-09-09 17:53:54 +03:00
parent 90ef287829
commit 1f880dcf09
5 changed files with 15 additions and 6 deletions

File diff suppressed because one or more lines are too long

View file

@ -36,7 +36,7 @@
"isEntry": true
},
"resources/scss/app.scss": {
"file": "assets/app-Bvw9nDvx.css",
"file": "assets/app-B11bA3k4.css",
"src": "resources/scss/app.scss",
"isEntry": true
},

View file

@ -154,6 +154,7 @@ a:hover {
.footer {
background-color: $secondary;
}
@media (min-width: 1200px) {
.movie-small::after {
position: absolute;
content: attr(data-text);
@ -166,6 +167,7 @@ a:hover {
border-radius: 0 3px 3px 0;
animation: pulse 1s infinite;
}
}
.movie-card::after {
position: absolute;
content: attr(data-text);

View file

@ -2090,7 +2090,7 @@ a:hover {
}
.movie-small__thumb {
width: 80px;
width: 70px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
@ -2127,7 +2127,7 @@ a:hover {
@media (max-width: 575px) {
.movie-list-scroll .movie-small__thumb {
width: 50px;
width: 70px;
}
}
@ -2147,7 +2147,7 @@ a:hover {
@media (max-width: 575px) {
.movie-list-scroll .movie-small__content {
width: calc(100% - 50px);
width: calc(100% - 70px);
padding-left: 20px;
}
}
@ -2518,6 +2518,7 @@ a:hover {
padding: 15px 15px 15px 40px;
position: relative;
cursor: pointer;
scroll-margin-top:70px;
}
.movie-details-content .movie-small-list .movie-small::before {
@ -3853,6 +3854,7 @@ a:hover {
}
li.open {
.movie-small__lock {
transform: rotate(180deg);
@ -3903,6 +3905,11 @@ li.open {
text-align: center;
color: #fff;
}
max-width: 200px;
@media (max-width: 767px) {
max-width: 160px;
}
}
}

View file

@ -231,7 +231,7 @@
@if ($season && $season['season_number'] === $currentSeason['season_number'])
<div class="episode-list d-flex align-items-center justify-content-center flex-wrap gap-3">
@foreach ($season['episodes'] as $episode)
<a href="{{ route('show.episode', ['id' => $show['id'], 'slug' => $show['slug'], 'season' => $episode['season_number'], 'episode' => $episode['episode_number']]) }}" class="episode " data-label="E{{ $episode['label'] }}" style="max-width: 200px;">
<a href="{{ route('show.episode', ['id' => $show['id'], 'slug' => $show['slug'], 'season' => $episode['season_number'], 'episode' => $episode['episode_number']]) }}" class="episode " data-label="E{{ $episode['label'] }}" style="min-width: 160px;">
<img @if($episode['backdrop'])class="lazy"@endif width="200" height="113" src="data:image/svg+xml,%3Csvg width='200' height='113' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='200' height='113' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" @if($episode['backdrop']) data-src="{{ $episode['backdrop'] }}" @endif alt="Episode {{ $episode['episode_number'] }}">