revert: 表格筛选回退默认 Dropdown 布局(与搜索同区、紧凑)

Above 布局与工具栏搜索分成两个区域且占空间;回退 Filament 标准做法:筛选按钮在工具栏、与搜索框同一行,激活时带数量徽章。保留表格行紧凑 CSS
This commit is contained in:
ak
2026-08-12 18:02:20 +08:00
parent 66194b6b22
commit e9a0a49fb7
6 changed files with 5 additions and 11 deletions
@@ -65,7 +65,7 @@ class CommentsTable
'spam' => '垃圾', 'spam' => '垃圾',
'rejected' => '已拒绝', 'rejected' => '已拒绝',
]), ]),
], \Filament\Tables\Enums\FiltersLayout::AboveContent) ])
->recordActions([ ->recordActions([
Action::make('approve') Action::make('approve')
->label('通过') ->label('通过')
@@ -56,7 +56,7 @@ class MediaTable
'attachments' => '附件', 'attachments' => '附件',
'cover' => '封面', 'cover' => '封面',
]), ]),
], \Filament\Tables\Enums\FiltersLayout::AboveContent) ])
->recordActions([ ->recordActions([
\Filament\Actions\EditAction::make(), \Filament\Actions\EditAction::make(),
]) ])
@@ -78,8 +78,7 @@ class PostsTable
]), ]),
TernaryFilter::make('is_sticky') TernaryFilter::make('is_sticky')
->label('置顶'), ->label('置顶'),
], \Filament\Tables\Enums\FiltersLayout::AboveContent) ])
->filtersFormColumns(3)
->recordActions([ ->recordActions([
ViewAction::make(), ViewAction::make(),
EditAction::make(), EditAction::make(),
@@ -51,7 +51,7 @@ class UsersTable
\Filament\Tables\Filters\SelectFilter::make('roles') \Filament\Tables\Filters\SelectFilter::make('roles')
->label('角色') ->label('角色')
->relationship('roles', 'name'), ->relationship('roles', 'name'),
], \Filament\Tables\Enums\FiltersLayout::AboveContent) ])
->recordActions([ ->recordActions([
EditAction::make(), EditAction::make(),
]) ])
-5
View File
@@ -69,11 +69,6 @@ class AppServiceProvider extends ServiceProvider
/* 表格行更紧凑 */ /* 表格行更紧凑 */
.fi-ta-cell, .fi-ta-header-cell { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .fi-ta-cell, .fi-ta-header-cell { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }
.fi-ta-header-toolbar { padding-block: 0.6rem !important; } .fi-ta-header-toolbar { padding-block: 0.6rem !important; }
/* 筛选条件区(Above 布局)更紧凑 */
.fi-ta-filters-above-content-ctn { padding: 0.7rem 1rem !important; }
.fi-ta-filters-header { margin-bottom: 0.4rem !important; }
.fi-ta-filters-heading { font-size: 0.8rem !important; margin: 0 !important; }
</style> </style>
HTML) HTML)
); );
@@ -81,7 +81,7 @@ class PaymentResource extends Resource
\Filament\Tables\Filters\SelectFilter::make('status') \Filament\Tables\Filters\SelectFilter::make('status')
->label(__('payment.status')) ->label(__('payment.status'))
->options(['paid' => '已支付', 'pending' => '待支付', 'failed' => '失败', 'closed' => '已关闭']), ->options(['paid' => '已支付', 'pending' => '待支付', 'failed' => '失败', 'closed' => '已关闭']),
], \Filament\Tables\Enums\FiltersLayout::AboveContent) ])
->recordActions([]) ->recordActions([])
->defaultSort('created_at', 'desc'); ->defaultSort('created_at', 'desc');
} }