Stream page sidebar make padding consistent
This commit is contained in:
@@ -1,24 +1,22 @@
|
|||||||
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px]">
|
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px] p-2">
|
||||||
<div class="bg-transparent rounded-lg overflow-hidden p-2">
|
@if (count($popularWeekly) > 0)
|
||||||
@if (count($popularWeekly) > 0)
|
<p class="leading-normal font-bold text-xl dark:text-white pb-2">
|
||||||
<p class="leading-normal font-bold text-xl dark:text-white pb-2">
|
{{ __('home.popular-weekly') }}
|
||||||
{{ __('home.popular-weekly') }}
|
</p>
|
||||||
</p>
|
<div class="text-center xl:text-left">
|
||||||
<div class="text-center xl:text-left">
|
<ul class="inline-block xl:block">
|
||||||
<ul class="inline-block xl:block">
|
@php $counter = 0; @endphp
|
||||||
@php $counter = 0; @endphp
|
@foreach ($popularWeekly as $pEpisode)
|
||||||
@foreach ($popularWeekly as $pEpisode)
|
@php $episode = $pEpisode->episode; @endphp
|
||||||
@php $episode = $pEpisode->episode; @endphp
|
@if($counter >= 8)
|
||||||
@if($counter >= 8)
|
@continue
|
||||||
@continue
|
@endif
|
||||||
@endif
|
<li>
|
||||||
<li>
|
<x-episode-cover :episode="$episode" view="thumbnail"/>
|
||||||
<x-episode-cover :episode="$episode" view="thumbnail"/>
|
</li>
|
||||||
</li>
|
@php $counter += 1; @endphp
|
||||||
@php $counter += 1; @endphp
|
@endforeach
|
||||||
@endforeach
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,18 +1,16 @@
|
|||||||
@if (count($moreEpisodes) > 0)
|
@if (count($moreEpisodes) > 0)
|
||||||
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px]">
|
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px] p-2">
|
||||||
<div class="bg-transparent overflow-hidden p-4">
|
<p class="leading-normal font-bold text-xl dark:text-white pb-2">
|
||||||
<p class="leading-normal font-bold text-xl dark:text-white pb-2">
|
{{ __('stream.more-from') }} <a class="text-rose-600 hover:underline hover:underline-offset-4 break-words" href="{{ route('hentai.index', ['title' => $episode->hentai->slug]) }}">{{ $episode->title }}</a>
|
||||||
{{ __('stream.more-from') }} <a class="text-rose-600 hover:underline hover:underline-offset-4 break-words" href="{{ route('hentai.index', ['title' => $episode->hentai->slug]) }}">{{ $episode->title }}</a>
|
</p>
|
||||||
</p>
|
<div class="text-center xl:text-left">
|
||||||
<div class="text-center xl:text-left">
|
<ul class="inline-block xl:block">
|
||||||
<ul class="inline-block xl:block">
|
@foreach ($moreEpisodes as $episode)
|
||||||
@foreach ($moreEpisodes as $episode)
|
<li>
|
||||||
<li>
|
<x-episode-cover :episode="$episode" view="thumbnail"/>
|
||||||
<x-episode-cover :episode="$episode" view="thumbnail"/>
|
</li>
|
||||||
</li>
|
@endforeach
|
||||||
@endforeach
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
@@ -1,18 +1,16 @@
|
|||||||
@if (count($studioEpisodes) > 0)
|
@if (count($studioEpisodes) > 0)
|
||||||
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px]">
|
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px] p-2">
|
||||||
<div class="bg-transparent rounded-lg overflow-hidden p-4">
|
<p class="leading-normal font-bold text-xl dark:text-white pb-2">
|
||||||
<p class="leading-normal font-bold text-xl dark:text-white pb-2">
|
{{ __('stream.more-from-studio') }} <a class="text-rose-600 hover:underline hover:underline-offset-4 break-words" href="{{ route('hentai.search', ['studios[0]' => $episode->studio->slug]) }}">{{ $episode->studio->name }}</a>
|
||||||
{{ __('stream.more-from-studio') }} <a class="text-rose-600 hover:underline hover:underline-offset-4 break-words" href="{{ route('hentai.search', ['studios[0]' => $episode->studio->slug]) }}">{{ $episode->studio->name }}</a>
|
</p>
|
||||||
</p>
|
<div class="text-center xl:text-left">
|
||||||
<div class="text-center xl:text-left">
|
<ul class="inline-block xl:block">
|
||||||
<ul class="inline-block xl:block">
|
@foreach ($studioEpisodes as $episode)
|
||||||
@foreach ($studioEpisodes as $episode)
|
<li>
|
||||||
<li>
|
<x-episode-cover :episode="$episode" view="thumbnail"/>
|
||||||
<x-episode-cover :episode="$episode" view="thumbnail"/>
|
</li>
|
||||||
</li>
|
@endforeach
|
||||||
@endforeach
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
Reference in New Issue
Block a user