From bc19e0dbec37ff4f7e7601cf6d5325c42234913e Mon Sep 17 00:00:00 2001
From: developer <developer@zachem.info>
Date: Fri, 8 May 2026 21:42:53 +0800
Subject: [PATCH] =?UTF-8?q?=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D1=8C=20=D0=BD=D0=BE=D0=B2=D0=BE=D1=81?=
 =?UTF-8?q?=D1=82=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Modules/Post/Views/list/cards.blade.php | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/Modules/Post/Views/list/cards.blade.php b/app/Modules/Post/Views/list/cards.blade.php
index a2aed75..e6eb102 100644
--- a/app/Modules/Post/Views/list/cards.blade.php
+++ b/app/Modules/Post/Views/list/cards.blade.php
@@ -14,15 +14,18 @@ class="badge bg-body-secondary text-dark border-secondary bg-opacity-75 fs-6 rou
                     </div>
                     <div class="col-md-6 bg-secondary bg-opacity-50 rounded-end"
                         style="height:200px;background-size:cover;background-position:center;background-image:url('{{ url('/storage/' . $post->image) }}')">
-                        <a href="#" class="btn btn-light btn-lg rounded-4 position-absolute bottom-0 end-0 m-3"
+                        <a href="#" class="btn btn-light btn-lg rounded-4 position-absolute bottom-0 end-0 m-3 p-0 d-flex align-items-center justify-content-center" style="width:3rem;height:3rem;"
                             wire:click="open({{ $post->id }})">
-                            <i class="bi bi-arrow-right"></i>
+                            <i wire:loading.remove wire:target="open({{ $post->id }})" class="bi bi-arrow-right"></i>
+                            <div wire:loading wire:target="open({{ $post->id }})" class="spinner-border text-primary" role="status">
+                                <span class="visually-hidden">Loading...</span>
+                            </div>
                         </a>
+                        
                     </div>
                 </div>
             </div>
         </div>
     @endforeach
-
     @livewire('post.card')
 </div>