UP

Author: ManukMinasyan

resources/css/flowforge.css

@@ -285,11 +285,6 @@
     @apply opacity-0 transition-opacity group-hover:opacity-70 hover:opacity-100;
 }
 
-/* Loading State */
-.kanban-loading-indicator {
-    @apply flex items-center justify-center h-full w-full;
-}
-
 .kanban-loading-shimmer {
     @apply animate-pulse rounded-md bg-gray-200 dark:bg-gray-700;
 }

resources/dist/flowforge.css

@@ -2145,10 +2145,6 @@ select {
   inset: 0px;
 }
 
-.inset-2 {
-  inset: 0.5rem;
-}
-
 .inset-4 {
   inset: 1rem;
 }
@@ -2499,10 +2495,6 @@ select {
   margin-top: 0.75rem;
 }
 
-.mt-4 {
-  margin-top: 1rem;
-}
-
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -3542,10 +3534,6 @@ select {
   border-width: 2px;
 }
 
-.border-4 {
-  border-width: 4px;
-}
-
 .border-x-\[0\.5px\] {
   border-left-width: 0.5px;
   border-right-width: 0.5px;
@@ -3616,11 +3604,6 @@ select {
   border-color: var(--kanban-column-border);
 }
 
-.border-primary-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--primary-200), var(--tw-border-opacity, 1));
-}
-
 .border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--primary-500), var(--tw-border-opacity, 1));
@@ -3640,10 +3623,6 @@ select {
   border-top-color: rgba(var(--gray-200), var(--tw-border-opacity, 1));
 }
 
-.border-t-transparent {
-  border-top-color: transparent;
-}
-
 .\!bg-gray-50 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important;
@@ -3725,10 +3704,6 @@ select {
   background-color: rgb(255 255 255 / 0);
 }
 
-.bg-white\/40 {
-  background-color: rgb(255 255 255 / 0.4);
-}
-
 .bg-white\/5 {
   background-color: rgb(255 255 255 / 0.05);
 }
@@ -4368,12 +4343,6 @@ select {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.backdrop-blur-sm {
-  --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -4849,20 +4818,11 @@ select {
   border-color: rgba(var(--gray-700), var(--tw-border-opacity, 1));
 }
 
-.dark\:border-primary-400:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--primary-400), var(--tw-border-opacity, 1));
-}
-
 .dark\:border-primary-500:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--primary-500), var(--tw-border-opacity, 1));
 }
 
-.dark\:border-primary-900\/50:is(.dark *) {
-  border-color: rgba(var(--primary-900), 0.5);
-}
-
 .dark\:border-white\/10:is(.dark *) {
   border-color: rgb(255 255 255 / 0.1);
 }
@@ -4930,10 +4890,6 @@ select {
   background-color: rgba(var(--gray-900), 0.3);
 }
 
-.dark\:bg-gray-900\/40:is(.dark *) {
-  background-color: rgba(var(--gray-900), 0.4);
-}
-
 .dark\:bg-gray-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--gray-950), var(--tw-bg-opacity, 1));
@@ -6488,16 +6444,6 @@ input:focus-visible+.dark\:\[input\:focus-visible\+\&\]\:ring-white\/20:is(.dark
   opacity: 0.7;
 }
 
-/* Loading State */
-
-.kanban-loading-indicator {
-  display: flex;
-  height: 100%;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-}
-
 @keyframes pulse {
   50% {
     opacity: .5;

resources/views/livewire/board.blade.php

@@ -14,18 +14,9 @@ class="w-full h-full flex flex-col relative"
         }
     })"
 >
-    <!-- Loading overlay for board operations -->
-    <div wire:loading.delay.longer wire:target="updateColumnCards"
-         class="absolute inset-0 bg-white/40 dark:bg-gray-900/40 z-10 backdrop-blur-sm flex items-center justify-center">
-        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-4 flex items-center gap-3">
-            <x-filament::loading-indicator class="h-6 w-6 text-primary-500" />
-            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">{{ __('Updating board...') }}</span>
-        </div>
-    </div>
-
     <!-- Board Content -->
     <div class="flex-1 overflow-hidden">
-        <div class="flex flex-row h-full overflow-x-auto overflow-y-hidden py-4 px-2 gap-5 kanban-board pb-4">
+        <div class="flex flex-row h-full overflow-x-auto overflow-y-hidden px-2 gap-5 kanban-board pb-4">
             @foreach($columns as $columnId => $column)
                <x-flowforge::column
                     :columnId="$columnId"