costin/123movies-seo
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add episode list

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/build/assets/app-Bvw9nDvx.css → public/build/assets/app-B11bA3k4.css
View file

File diff suppressed because one or more lines are too long

2
public/build/manifest.json
View file

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

2
resources/scss/_color.scss
View file

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

13
resources/scss/_main.scss
View file

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

2
resources/views/show.blade.php
View file

@ -231,7 +231,7 @@
@if ($season && $season['season_number'] === $currentSeason['season_number']) @if ($season && $season['season_number'] === $currentSeason['season_number'])
<div class="episode-list d-flex align-items-center justify-content-center flex-wrap gap-3"> <div class="episode-list d-flex align-items-center justify-content-center flex-wrap gap-3">
@foreach ($season['episodes'] as $episode) @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'] }}"> <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'] }}">