diff --git a/packages/tables/resources/css/columns/checkbox.css b/packages/tables/resources/css/columns/checkbox.css index da7e29e53f..17f1c3e31f 100644 --- a/packages/tables/resources/css/columns/checkbox.css +++ b/packages/tables/resources/css/columns/checkbox.css @@ -1,7 +1,16 @@ .fi-ta-checkbox { - @apply flex items-center; + @apply w-full; &:not(.fi-inline) { @apply px-3 py-4; } + + &.fi-align-center { + @apply text-center; + } + + &.fi-align-end, + &.fi-align-right { + @apply text-end; + } } diff --git a/packages/tables/resources/css/columns/toggle.css b/packages/tables/resources/css/columns/toggle.css index 58eaebe7ec..9911741682 100644 --- a/packages/tables/resources/css/columns/toggle.css +++ b/packages/tables/resources/css/columns/toggle.css @@ -1,5 +1,16 @@ .fi-ta-toggle { + @apply w-full; + &:not(.fi-inline) { @apply px-3 py-4; } + + &.fi-align-center { + @apply text-center; + } + + &.fi-align-end, + &.fi-align-right { + @apply text-end; + } } diff --git a/packages/tables/src/Columns/CheckboxColumn.php b/packages/tables/src/Columns/CheckboxColumn.php index fa8ed18feb..f0509dac51 100644 --- a/packages/tables/src/Columns/CheckboxColumn.php +++ b/packages/tables/src/Columns/CheckboxColumn.php @@ -4,6 +4,7 @@ namespace Filament\Tables\Columns; use Filament\Forms\Components\Concerns\HasExtraInputAttributes; use Filament\Support\Components\Contracts\HasEmbeddedView; +use Filament\Support\Enums\Alignment; use Filament\Support\Facades\FilamentAsset; use Filament\Support\Facades\FilamentView; use Filament\Tables\Columns\Contracts\Editable; @@ -44,6 +45,7 @@ class CheckboxColumn extends Column implements Editable, HasEmbeddedView ], escape: false) ->class([ 'fi-ta-checkbox', + ((($alignment = $this->getAlignment()) instanceof Alignment) ? "fi-align-{$alignment->value}" : (is_string($alignment) ? $alignment : '')), 'fi-inline' => $this->isInline(), ]); diff --git a/packages/tables/src/Columns/ToggleColumn.php b/packages/tables/src/Columns/ToggleColumn.php index b7cc641da9..82093044b3 100644 --- a/packages/tables/src/Columns/ToggleColumn.php +++ b/packages/tables/src/Columns/ToggleColumn.php @@ -5,6 +5,7 @@ namespace Filament\Tables\Columns; use Filament\Forms\Components\Concerns\HasToggleColors; use Filament\Forms\Components\Concerns\HasToggleIcons; use Filament\Support\Components\Contracts\HasEmbeddedView; +use Filament\Support\Enums\Alignment; use Filament\Support\Enums\IconSize; use Filament\Support\Facades\FilamentAsset; use Filament\Support\Facades\FilamentView; @@ -57,6 +58,7 @@ class ToggleColumn extends Column implements Editable, HasEmbeddedView ], escape: false) ->class([ 'fi-ta-toggle', + ((($alignment = $this->getAlignment()) instanceof Alignment) ? "fi-align-{$alignment->value}" : (is_string($alignment) ? $alignment : '')), 'fi-inline' => $this->isInline(), ]);