innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改样式：程序异常页面弹框关闭按钮增加图标

This commit is contained in:
Argo-MacBookPro 2018-08-14 01:10:48 +08:00
parent 66a59c6d38
commit 696dcf8d3e
3 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Bootstrap.Admin/Views/Admin/Exceptions.cshtml
View File

@ -85,7 +85,8 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
关闭
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
</div>
</div>
@ -109,7 +110,8 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary">
关闭
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
</div>
</div>

12
Bootstrap.Admin/Views/Admin/Menus.cshtml
View File

@ -179,9 +179,15 @@
<div class="loadIconView"><i class="fa fa-spinner fa-pulse"></i><span>正在加载图标...请稍等</span></div>
</div>
<div class="modal-footer">
<span>被选择的图标</span><i id="pickIcon"></i>
<button type="button" class="btn" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitIcon">保存</button>
<span>被选择的图标</span><i class="fa fa-fa" id="pickIcon"></i>
<button type="button" class="btn" data-dismiss="modal">
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" id="btnSubmitIcon">
<i class="fa fa-save"></i>
<span>确定</span>
</button>
</div>
</div>
@await Html.PartialAsync("NavigatorConfig")

16
Bootstrap.Admin/wwwroot/css/fa.css
View File

@ -124,22 +124,20 @@
white-space: nowrap;
}
.icon-content .modal-footer span {
vertical-align: middle;
font-size: 14px;
.icon-content .modal-footer > span {
color: #000;
}
.icon-content .modal-footer i {
vertical-align: middle;
.icon-content .modal-footer > i {
font-size: 22px;
margin: 0 4px 0 8px;
text-align: center;
color: #337ab7;
display: inline-block;
border: solid 1px;
padding: 3px;
border-radius: 4px;
min-width: 36px;
min-height: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-content .modal-footer span {