Refactor blog item display: update styles for blog items, enhance news and success pages to handle empty states with informative messages, and adjust author image path for consistency.
This commit is contained in:
@@ -4542,7 +4542,6 @@ p {
|
|||||||
==========================================================================*/
|
==========================================================================*/
|
||||||
.blog__one-item {
|
.blog__one-item {
|
||||||
border: 1px solid var(--border-color-2);
|
border: 1px solid var(--border-color-2);
|
||||||
border-top: 0;
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4545,7 +4545,7 @@ p {
|
|||||||
==========================================================================*/
|
==========================================================================*/
|
||||||
.blog__one-item {
|
.blog__one-item {
|
||||||
border: 1px solid var(--border-color-2);
|
border: 1px solid var(--border-color-2);
|
||||||
border-top: 0;
|
border-top: 1px solid var(--border-color-2);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -22,7 +22,14 @@
|
|||||||
<div class="blog-three__columns section-padding-three">
|
<div class="blog-three__columns section-padding-three">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@foreach ($allNews as $news)
|
<div class="col-xl-12">
|
||||||
|
<div class="section-title text-center pb-50">
|
||||||
|
<h2 class="pb-3">Read Our News</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
@forelse ($allNews as $news)
|
||||||
<div class="col-xl-4 col-lg-6 wow fadeInUp" data-wow-delay=".4s">
|
<div class="col-xl-4 col-lg-6 wow fadeInUp" data-wow-delay=".4s">
|
||||||
<div class="blog__one-item">
|
<div class="blog__one-item">
|
||||||
<div class="blog__one-item-image">
|
<div class="blog__one-item-image">
|
||||||
@@ -37,7 +44,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@empty
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="alert alert-info">No news found...</div>
|
||||||
|
</div>
|
||||||
|
@endforelse
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
<div class="blog__details-area-author">
|
<div class="blog__details-area-author">
|
||||||
<div class="blog__details-area-author-image">
|
<div class="blog__details-area-author-image">
|
||||||
<img src="{{ $news->author->profile_image ?? '/web/assets/img/team/member-1.jpg' }}" alt="avatar">
|
<img src="/storage/{{ $news->author->profile_image ?? '/web/assets/img/team/member-1.jpg' }}" alt="avatar">
|
||||||
</div>
|
</div>
|
||||||
<div class="blog__details-area-author-content">
|
<div class="blog__details-area-author-content">
|
||||||
<h5>{{ $news->author->name ?? 'Admin' }}</h5>
|
<h5>{{ $news->author->name ?? 'Admin' }}</h5>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
<div class="blog-three__columns section-padding-three">
|
<div class="blog-three__columns section-padding-three">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@foreach ($allSuccesses as $success)
|
@forelse ($allSuccesses as $success)
|
||||||
<div class="col-xl-4 col-lg-6 wow fadeInUp" data-wow-delay=".4s">
|
<div class="col-xl-4 col-lg-6 wow fadeInUp" data-wow-delay=".4s">
|
||||||
<div class="blog__one-item">
|
<div class="blog__one-item">
|
||||||
<div class="blog__one-item-image">
|
<div class="blog__one-item-image">
|
||||||
@@ -37,7 +37,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@empty
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="alert alert-info">No success stories found...</div>
|
||||||
|
</div>
|
||||||
|
@endforelse
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user