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' => '垃圾',
'rejected' => '已拒绝',
]),
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
])
->recordActions([
Action::make('approve')
->label('通过')
@@ -56,7 +56,7 @@ class MediaTable
'attachments' => '附件',
'cover' => '封面',
]),
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
])
->recordActions([
\Filament\Actions\EditAction::make(),
])
@@ -78,8 +78,7 @@ class PostsTable
]),
TernaryFilter::make('is_sticky')
->label('置顶'),
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
->filtersFormColumns(3)
])
->recordActions([
ViewAction::make(),
EditAction::make(),
@@ -51,7 +51,7 @@ class UsersTable
\Filament\Tables\Filters\SelectFilter::make('roles')
->label('角色')
->relationship('roles', 'name'),
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
])
->recordActions([
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-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>
HTML)
);
@@ -81,7 +81,7 @@ class PaymentResource extends Resource
\Filament\Tables\Filters\SelectFilter::make('status')
->label(__('payment.status'))
->options(['paid' => '已支付', 'pending' => '待支付', 'failed' => '失败', 'closed' => '已关闭']),
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
])
->recordActions([])
->defaultSort('created_at', 'desc');
}