add episode list
This commit is contained in:
parent
90ef287829
commit
1f880dcf09
5 changed files with 15 additions and 6 deletions
File diff suppressed because one or more lines are too long
|
@ -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
|
||||
},
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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'] }}">
|
||||
|
||||
|
|
Loading…
Reference in a new issue