style: 筛选区一行横排(重置|条件|应用)+ 表头/数据行高度和谐
- 筛选区整体 flex 一行:重置链接、各条件(label 内联在控件左侧)、应用按钮同行排列,必要时自动换行 - 行高:表头 0.5→0.5625rem 稍加,选择列 0.4375→0.375rem 稍减,单行数据行与表头高度趋近一致
This commit is contained in:
@@ -67,14 +67,19 @@ class AppServiceProvider extends ServiceProvider
|
|||||||
.fi-sidebar-brand { padding-block: 0.9rem; }
|
.fi-sidebar-brand { padding-block: 0.9rem; }
|
||||||
|
|
||||||
/* 表格行紧凑:行高由选择列/表头驱动,数据单元格默认无 padding 不要加 */
|
/* 表格行紧凑:行高由选择列/表头驱动,数据单元格默认无 padding 不要加 */
|
||||||
.fi-ta-header-cell { padding-block: calc(var(--spacing) * 2) !important; }
|
.fi-ta-header-cell { padding-block: calc(var(--spacing) * 2.25) !important; }
|
||||||
.fi-ta-selection-cell { padding-block: calc(var(--spacing) * 1.75) !important; }
|
.fi-ta-selection-cell { padding-block: calc(var(--spacing) * 1.5) !important; }
|
||||||
.fi-ta-header-toolbar { padding-block: 0.5rem !important; }
|
.fi-ta-header-toolbar { padding-block: 0.5rem !important; }
|
||||||
|
|
||||||
/* 筛选条件区(Above 布局)收紧为一行:隐藏标题、压缩留白 */
|
/* 筛选条件区:整体一行横排(重置 | 各条件 | 应用),必要时换行 */
|
||||||
.fi-ta-filters-above-content-ctn { padding: 0.4rem 0.9rem !important; }
|
.fi-ta-filters-above-content-ctn { padding: 0.4rem 0.9rem !important; }
|
||||||
.fi-ta-filters-heading { display: none !important; }
|
.fi-ta-filters-heading { display: none !important; }
|
||||||
.fi-ta-filters-header { margin-bottom: 0.2rem !important; }
|
.fi-ta-filters { display: flex !important; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; }
|
||||||
|
.fi-ta-filters-header { margin: 0 !important; }
|
||||||
|
.fi-ta-filters .fi-grid { display: flex !important; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; }
|
||||||
|
.fi-ta-filters .fi-fo-field { display: flex !important; align-items: center; gap: 0.4rem; }
|
||||||
|
.fi-ta-filters .fi-fo-field-label { margin-bottom: 0 !important; }
|
||||||
|
.fi-ta-filters-actions-ctn { display: inline-flex !important; }
|
||||||
</style>
|
</style>
|
||||||
HTML)
|
HTML)
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user