feat: 筛选条件 Above 常驻横排 + 修正表格行紧凑(行高驱动源)
- 五个表格筛选改为 AboveContent 常驻显示,隐藏「筛选条件」标题、压缩为一行 - 修正行紧凑:行高由选择列/表头驱动(数据单元格默认 padding 为 0,此前加 padding 反而加高)
This commit is contained in:
@@ -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,7 +78,7 @@ class PostsTable
|
|||||||
]),
|
]),
|
||||||
TernaryFilter::make('is_sticky')
|
TernaryFilter::make('is_sticky')
|
||||||
->label('置顶'),
|
->label('置顶'),
|
||||||
])
|
], \Filament\Tables\Enums\FiltersLayout::AboveContent)
|
||||||
->filtersFormColumns(3)
|
->filtersFormColumns(3)
|
||||||
->filtersFormWidth(\Filament\Support\Enums\Width::ThreeExtraLarge)
|
->filtersFormWidth(\Filament\Support\Enums\Width::ThreeExtraLarge)
|
||||||
->recordActions([
|
->recordActions([
|
||||||
|
|||||||
@@ -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(),
|
||||||
])
|
])
|
||||||
|
|||||||
@@ -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-nav .fi-sidebar-group-label { font-size: 0.68rem; letter-spacing: 0.04em; }
|
||||||
.fi-sidebar-brand { padding-block: 0.9rem; }
|
.fi-sidebar-brand { padding-block: 0.9rem; }
|
||||||
|
|
||||||
/* 表格行紧凑(保留呼吸感,勿过度压缩) */
|
/* 表格行紧凑:行高由选择列/表头驱动,数据单元格默认无 padding 不要加 */
|
||||||
.fi-ta-cell, .fi-ta-header-cell { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; }
|
.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; }
|
.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>
|
</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');
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user