From e0171dd67deed3aedbbb14986863cdc9a0316b69 Mon Sep 17 00:00:00 2001
From: "allen.yan" <hungyi0816@gmail.com>
Date: Tue, 29 Jul 2025 17:07:23 +0800
Subject: [PATCH] =?UTF-8?q?20250729=20=E6=9C=83=E5=8F=96=E5=88=B0=E8=88=8A?=
 =?UTF-8?q?=E8=B3=87=E6=96=99=E7=9A=84=E5=95=8F=E9=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/livewire/grids/room-grid.blade.php     | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/resources/views/livewire/grids/room-grid.blade.php b/resources/views/livewire/grids/room-grid.blade.php
index d000570..e685b41 100644
--- a/resources/views/livewire/grids/room-grid.blade.php
+++ b/resources/views/livewire/grids/room-grid.blade.php
@@ -30,15 +30,13 @@
         <div wire:poll.5s>
             <div class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
                 @forelse($rooms as $room)
-                    <template x-if="floor == '{{ $room->floor }}' && (type == 'all' || type == '{{ $room->type }}')">
-                        <div>
-                            @if($room->type->value === \App\Enums\RoomType::SVR->value)
-                                <x-room-card-svr :room="$room" />
-                            @else
-                                <x-room-card :room="$room" />
-                            @endif
-                        </div>
-                    </template>
+                    <div x-show="floor == '{{ $room->floor }}' && (type == 'all' || type == '{{ $room->type }}')" x-transition class="transition-all duration-300">
+                        @if($room->type->value === \App\Enums\RoomType::SVR->value)
+                            <x-room-card-svr :room="$room" />
+                        @else
+                            <x-room-card :room="$room" />
+                        @endif
+                    </div>
                 @empty
                     <div class="col-span-full text-center text-gray-500">尚無包廂資料</div>
                 @endforelse