feat: 筛选条件 Above 常驻横排 + 修正表格行紧凑(行高驱动源)

- 五个表格筛选改为 AboveContent 常驻显示,隐藏「筛选条件」标题、压缩为一行
- 修正行紧凑:行高由选择列/表头驱动(数据单元格默认 padding 为 0,此前加 padding 反而加高)
This commit is contained in:
ak
2026-08-12 18:20:59 +08:00
parent a314658bdd
commit 359d350083
6 changed files with 13 additions and 7 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,7 +78,7 @@ class PostsTable
]),
TernaryFilter::make('is_sticky')
->label('置顶'),
])
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
->filtersFormColumns(3)
->filtersFormWidth(\Filament\Support\Enums\Width::ThreeExtraLarge)
->recordActions([
@@ -51,7 +51,7 @@ class UsersTable
\Filament\Tables\Filters\SelectFilter::make('roles')
->label('角色')
->relationship('roles', 'name'),
])
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
->recordActions([
EditAction::make(),
])
+8 -2
View File
@@ -66,9 +66,15 @@ class AppServiceProvider extends ServiceProvider
.fi-sidebar-nav .fi-sidebar-group-label { font-size: 0.68rem; letter-spacing: 0.04em; }
.fi-sidebar-brand { padding-block: 0.9rem; }
/* 表格行紧凑(保留呼吸感,勿过度压缩) */
.fi-ta-cell, .fi-ta-header-cell { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; }
/* 表格行紧凑:行高由选择列/表头驱动,数据单元格默认无 padding 不要加 */
.fi-ta-header-cell { padding-block: calc(var(--spacing) * 2.4) !important; }
.fi-ta-selection-cell { padding-block: calc(var(--spacing) * 2) !important; }
.fi-ta-header-toolbar { padding-block: 0.6rem !important; }
/* 筛选条件区(Above 布局)收紧为一行:隐藏标题、压缩留白 */
.fi-ta-filters-above-content-ctn { padding: 0.5rem 1rem !important; }
.fi-ta-filters-heading { display: none !important; }
.fi-ta-filters-header { margin-bottom: 0.25rem !important; }
</style>
HTML)
);