lisone/EasyAdmin8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adjust width of search input in easy-admin

Browse Source 
Set a fixed width for the search input field in the easy-admin plugin to
enhance the consistency and readability of the search section. The update
modifies the easy-admin.js and public.css files to enforce the new styling.
This commit is contained in:
wolfcode
2024-07-16 16:02:19 +08:00
parent a2942e5589
commit e49b747f43
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/static/admin/css/public.css
View File

@@ -305,7 +305,9 @@ table样式
}
.form-search .layui-input-inline {
width: 170px;
min-width: 170px;
max-width: 300px;
width: auto;
}
.form-search .layui-input-inline input,

2
public/static/plugs/easy-admin/easy-admin.js
View File

@@ -369,7 +369,7 @@ define(["jquery", "tableSelect"], function ($, tableSelect) {
formHtml += '\t<div class="layui-form-item layui-inline">\n' +
'<label class="layui-form-label">' + d.title + '</label>\n' +
'<div class="layui-input-inline">\n' +
'<input id="c-' + d.fieldAlias + '" name="' + d.fieldAlias + '" data-search-op="' + d.searchOp + '" value="' + d.searchValue + '" placeholder="' + d.searchTip + '" class="layui-input">\n' +
'<input style="width: 275px;font-size: 0.82rem" id="c-' + d.fieldAlias + '" name="' + d.fieldAlias + '" data-search-op="' + d.searchOp + '" value="' + d.searchValue + '" placeholder="' + d.searchTip + '" class="layui-input">\n' +
'</div>\n' +
'</div>';
break;