style 优化

This commit is contained in:
Crystal.Sea 2021-10-06 23:35:15 +08:00
parent 9c2b785678
commit ad2e3c9eba
18 changed files with 64 additions and 100 deletions

View File

@ -3,12 +3,16 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
$(function(){
$("#relatedUsername").focus(function(){
if($("#relatedUsername").val()==""){
$("#relatedUsername").val($("#username").val());
}
</style>
});
});
</script>
</head>
<body>

View File

@ -5,7 +5,7 @@
<#include "../layout/common.cssjs.ftl"/>
<script type="text/javascript">
function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>";
return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
};
function vendorFormatter(value, options, rData){

View File

@ -3,15 +3,11 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style>
<!--
-->
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>";
return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
};
$(function () {
@ -62,7 +58,7 @@
data-click-to-select="true"
data-pagination="true"
data-total-field="records"
data-page-list="[10, 25, 50, 100]"
data-page-list="[5, 10, 25, 50]"
data-search="false"
data-locale="zh-CN"
data-query-params="dataGridQueryParams"
@ -74,9 +70,9 @@
<th data-sortable="true" data-field="id" data-visible="false">Id</th>
<th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th>
<th data-field="name"><@locale code="apps.name"/></th>
<th data-field="protocol"><@locale code="apps.protocol"/></th>
<th data-field="protocol" data-visible="false"><@locale code="apps.protocol"/></th>
<th data-field="category"><@locale code="apps.category"/></th>
<th data-field="vendor"><@locale code="apps.vendor"/></th>
<th data-field="vendor" data-visible="false"><@locale code="apps.vendor"/></th>
<th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th>
</tr>

View File

@ -3,19 +3,15 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function afterSubmit(data){
//$("#list").trigger('reloadGrid');
}
function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>";
return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
};
$(function () {
@ -102,7 +98,7 @@
data-click-to-select="true"
data-pagination="true"
data-total-field="records"
data-page-list="[10, 25, 50, 100]"
data-page-list="[5, 10, 25, 50]"
data-search="false"
data-sort-name="name"
data-locale="zh-CN"
@ -115,9 +111,9 @@
<th data-sortable="true" data-field="id" data-visible="false">Id</th>
<th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th>
<th data-field="name"><@locale code="apps.name"/></th>
<th data-field="protocol"><@locale code="apps.protocol"/></th>
<th data-field="protocol" data-visible="false"><@locale code="apps.protocol"/></th>
<th data-field="category"><@locale code="apps.category"/></th>
<th data-field="vendor"><@locale code="apps.vendor"/></th>
<th data-field="vendor" data-visible="false"><@locale code="apps.vendor"/></th>
<th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th>
</tr>

View File

@ -3,10 +3,11 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>";
return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
};
$(function () {
@ -127,9 +128,9 @@
<th data-sortable="true" data-field="id" data-visible="false">Id</th>
<th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th>
<th data-field="name"><@locale code="apps.name"/></th>
<th data-field="protocol"><@locale code="apps.protocol"/></th>
<th data-field="protocol" data-visible="false"><@locale code="apps.protocol"/></th>
<th data-field="category"><@locale code="apps.category"/></th>
<th data-field="vendor"><@locale code="apps.vendor"/></th>
<th data-field="vendor" data-visible="false"><@locale code="apps.vendor"/></th>
<th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th>
</tr>

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
$(function () {

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function genderFormatter(value, row, index){
if(value==1){

View File

@ -27,12 +27,7 @@
<span class="fa fa-fw fa-vcard fa-lg"></span>
</a>
</li>
<li>
<a class="side-nav-menu" href="<@base />/apps/list/">
<@locale code="navs.apps"/>
<span class="fa fa-fw fa-globe fa-lg"></span>
</a>
</li>
<li>
<a class="side-nav-menu has-arrow" href="#">
<@locale code="navs.privileges"/>
@ -98,6 +93,12 @@
<span class="fa fa-fw fa-cogs fa-lg"></span>
</a>
<ul>
<li>
<a class="side-nav-menu" href="<@base />/apps/list/">
<@locale code="navs.apps"/>
<span class="fa fa-fw fa-globe fa-lg"></span>
</a>
</li>
<li>
<a class="side-nav-menu" href="<@base />/notices/list/">
<@locale code="navs.notices"/>

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
$(function () {

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
$(function () {

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function genderFormatter(value, row, index){
if(value==1){

View File

@ -16,13 +16,7 @@
});
//-->
</script>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
</head>
<body>
<form id="actionForm"

View File

@ -12,13 +12,7 @@
});
//-->
</script>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
</head>
<body>
<form id="actionForm"

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function genderFormatter(value, row, index){

View File

@ -3,12 +3,7 @@
<head>
<#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript">
function genderFormatter(value, row, index){

View File

@ -107,6 +107,11 @@ body{
border: 1px solid #e5e5e5;
}
#tool_box .table td, #tool_box .table th,.toolbox .table td, .tool_box .table th{
padding: 0.2rem;
vertical-align: middle;
}
#tool_box_left {
padding-left: 10px;
float: left;

View File

@ -0,0 +1,14 @@
.table td, .table th {
padding: 0.2rem;
vertical-align: middle;
}
.bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td{
padding: .5rem;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
padding: 0.5rem;
}

View File

@ -303,15 +303,9 @@ header .header-container .nav-left>li, .header .header-container .nav-right>li {
border: 1px solid #e5e5e5;
}
#tool_box .table td, .table th {
#tool_box .table td, #tool_box .table th,.toolbox .table td, .tool_box .table th{
padding: 0.2rem;
vertical-align: middle;
padding: .40rem;
}
.toolbox .table td, .table th {
vertical-align: middle;
padding: .40rem;
}
#tool_box_left {