Add Flowforge classes to card and column components for improved styling consistency

Author: ManukMinasyan

resources/views/livewire/card.blade.php

@@ -10,7 +10,7 @@
 
 <div
     @class([
-        'mb-3 bg-white dark:bg-gray-900 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden transition-all duration-200 hover:shadow-md',
+        'flowforge-card mb-3 bg-white dark:bg-gray-900 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden transition-all duration-200 hover:shadow-md',
         'cursor-pointer' => $hasActions || $hasCardAction,
         'cursor-pointer transition-all duration-100 ease-in-out hover:shadow-lg hover:border-gray-400 active:shadow-md' => $hasCardAction,
         'cursor-grab hover:cursor-grabbing' => $hasPositionIdentifier,
@@ -27,7 +27,7 @@
     data-card-id="{{ $record['id'] }}"
     data-position="{{ $record['position'] ?? '' }}"
 >
-    <div class="p-3">
+    <div class="flowforge-card-content p-3">
         <div class="flex items-center justify-between mb-2">
             <h4 class="text-sm font-semibold text-gray-900 dark:text-white">{{ $record['title'] }}</h4>
 

resources/views/livewire/column.blade.php

@@ -16,9 +16,9 @@
 @endphp
 
 <div
-    class="w-[300px] min-w-[300px] flex-shrink-0 border border-gray-200 dark:border-gray-700 shadow-sm dark:shadow-md rounded-xl flex flex-col max-h-full overflow-hidden">
+    class="flowforge-column w-[300px] min-w-[300px] flex-shrink-0 border border-gray-200 dark:border-gray-700 shadow-sm dark:shadow-md rounded-xl flex flex-col max-h-full overflow-hidden">
     <!-- Column Header -->
-    <div class="flex items-center justify-between py-3 px-4 border-b border-gray-200 dark:border-gray-700">
+    <div class="flowforge-column-header flex items-center justify-between py-3 px-4 border-b border-gray-200 dark:border-gray-700">
         <div class="flex items-center">
             <h3 class="text-sm font-medium text-gray-700 dark:text-gray-200">
                 {{ $column['label'] }}
@@ -78,7 +78,7 @@ class="ms-2"
         @if(isset($column['total']) && $column['total'] > count($column['items']))
             @scroll.throttle.100ms="handleColumnScroll($event, '{{ $columnId }}')"
         @endif
-        class="p-3 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain kanban-cards"
+        class="flowforge-column-content p-3 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain kanban-cards"
         style="max-height: calc(100vh - 13rem);"
     >
         @if (isset($column['items']) && count($column['items']) > 0)

src/Concerns/HasTableFromBoard.php

@@ -23,7 +23,8 @@ public function table(Table $table): Table
     {
         $board = $this->getBoard();
 
-        $searchableColumns = collect($board->getSearchableFields())->map(fn ($field) => Column::make($field)->searchable())->toArray();
+        $searchableColumns = collect($board->getSearchableFields())
+            ->map(fn ($field) => Column::make($field)->searchable())->toArray();
 
         return $table
             ->query($board->getQuery())