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:
2025-07-29 12:56:26 +05:00
parent d4403ce365
commit c1770cafa5
5 changed files with 21 additions and 7 deletions

View File

@@ -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;
} }

View File

@@ -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;
} }

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>