gouki/laralog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 筛选区一行横排（重置靠右/按钮缩小）+ 表头高度对齐数据行

Browse Source 
- 筛选区整体 flex 一行：重置靠右（order+margin-left:auto）、各条件 label 内联、应用按钮缩小
- 表头 padding 提到 *3（12px），与数据行（53px，受操作列按钮固定高度约束）视觉差缩小
- 数据行高度：.fi-ta-text/.fi-ta-icon padding-block 由默认 *4 压到 *1.75（57→53px），双行标题行 81→63px
This commit is contained in:
ak
2026-08-12 19:00:55 +08:00
parent 0c5b19b4eb
commit 1d0fe3f8b6
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Providers/AppServiceProvider.php
+7 -4
View File
@@ -66,20 +66,23 @@ 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; }
/* 表格行紧凑：行高由选择列/表头驱动，数据单元格默认无 padding 不要加 */
.fi-ta-header-cell { padding-block: calc(var(--spacing) * 2.25) !important; }
/* 表格行紧凑：数据行高度由 .fi-ta-text / .fi-ta-icon 的 padding-block 驱动；操作列按钮禁止换行堆叠 */
.fi-ta-text, .fi-ta-icon { padding-block: calc(var(--spacing) * 1.75) !important; }
.fi-ta-actions { flex-wrap: nowrap !important; min-height: 0 !important; }
.fi-ta-header-cell { padding-block: calc(var(--spacing) * 3) !important; }
.fi-ta-selection-cell { padding-block: calc(var(--spacing) * 1.5) !important; }
.fi-ta-header-toolbar { padding-block: 0.5rem !important; }
/* 筛选条件区：整体一行横排（重置 | 各条件 | 应用），必要时换行 */
/* 筛选条件区：整体一行横排，重置靠右，应用按钮缩小 */
.fi-ta-filters-above-content-ctn { padding: 0.4rem 0.9rem !important; }
.fi-ta-filters-heading { display: none !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-header { margin: 0 0 0 auto !important; order: 99 !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; }
.fi-ta-filters-actions-ctn .fi-btn { padding: 0.2rem 0.7rem !important; font-size: 0.8rem !important; }
</style>
HTML)
);