From 86fb952c9c7292668b596ec3d130cfbf1c6dc83b Mon Sep 17 00:00:00 2001 From: Dan Harrin Date: Mon, 2 Jan 2023 21:21:18 +0600 Subject: [PATCH] Update toggle-column.blade.php --- .../resources/views/columns/toggle-column.blade.php | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/packages/tables/resources/views/columns/toggle-column.blade.php b/packages/tables/resources/views/columns/toggle-column.blade.php index 99602c5b97..3a2f5d1d3c 100644 --- a/packages/tables/resources/views/columns/toggle-column.blade.php +++ b/packages/tables/resources/views/columns/toggle-column.blade.php @@ -29,9 +29,8 @@ isLoading = false " x-tooltip="error" - x-bind:class="{ - 'opacity-70 pointer-events-none': isLoading, - '{{ match ($getOnColor()) { + x-bind:class=" + (state ? '{{ match ($getOnColor()) { 'danger' => 'bg-danger-600', 'gray' => 'bg-gray-600', 'primary', null => 'bg-primary-600', @@ -39,8 +38,7 @@ 'success' => 'bg-success-600', 'warning' => 'bg-warning-600', default => $onColor, - } }}': state, - '{{ match ($getOffColor()) { + } }}' : '{{ match ($getOffColor()) { 'danger' => 'bg-danger-600', 'gray' => 'bg-gray-600', 'primary' => 'bg-primary-600', @@ -49,8 +47,9 @@ 'warning' => 'bg-warning-600', null => 'bg-gray-200 dark:bg-gray-700', default => $offColor, - } }}: ! state, - }" + } }}') + + (isLoading ? ' opacity-70 pointer-events-none' : '') + " @disabled($isDisabled()) type="button" class="relative inline-flex shrink-0 ml-4 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none disabled:opacity-70 disabled:pointer-events-none"