mirror of
https://github.com/hequan2017/seal.git
synced 2026-04-25 19:20:47 +08:00
v0.3.1 增加后台 django-simpleui 模板
This commit is contained in:
何全
112
static/admin/simpleui-x/css/base.css
Normal file
112
static/admin/simpleui-x/css/base.css
Normal file
@@ -0,0 +1,112 @@
|
||||
.simpleui-form-item {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#changelist #toolbar form input {
|
||||
/*padding-left: 30px!important;*/
|
||||
}
|
||||
|
||||
.el-link-btn {
|
||||
text-decoration: none !important;
|
||||
color: #606266 !important;
|
||||
}
|
||||
|
||||
#pagination {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.actions .el-button {
|
||||
margin-right: 10px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#content #changelist-form {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#changelist #toolbar {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.form-main {
|
||||
padding: 20px;
|
||||
float: none !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.el-alert {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.el-alert:last-child {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color: #3f9eff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.object-tools{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.vTextField{
|
||||
outline: none;
|
||||
}
|
||||
td, th {
|
||||
vertical-align: inherit;
|
||||
border-bottom: none;
|
||||
}
|
||||
.row2 {
|
||||
background: #fafafa;
|
||||
}
|
||||
tbody tr:hover td,tbody tr:hover th{
|
||||
background-color: #ebf5ff;
|
||||
}
|
||||
.form-row{
|
||||
border-bottom: none!important;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.submit-row > * {
|
||||
margin-left: 0px !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.form-main{
|
||||
padding: 0px;
|
||||
}
|
||||
#content{
|
||||
padding:0px 3px!important;
|
||||
}
|
||||
|
||||
.simpleui-form .el-input{
|
||||
width: 100px;
|
||||
padding-left: 0px!important;
|
||||
padding-right: 0px!important;
|
||||
margin: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.object-tools{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.el-pagination{
|
||||
white-space: inherit;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
.change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered .actions, .filtered div.xfull{
|
||||
margin-right: 0px!important;
|
||||
}
|
||||
#changelist-search > div{
|
||||
max-width: 100%!important;
|
||||
}
|
||||
#content{
|
||||
padding: 0px!important;
|
||||
}
|
||||
}
|
||||
233
static/admin/simpleui-x/css/index.css
Normal file
233
static/admin/simpleui-x/css/index.css
Normal file
@@ -0,0 +1,233 @@
|
||||
html, body {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background-color: #f8f8f8;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
|
||||
}
|
||||
|
||||
.navbar .el-button {
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.menu .el-menu {
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
.menu .el-menu .is-active {
|
||||
color: rgb(64, 158, 255) !important;
|
||||
}
|
||||
|
||||
.menu, .menu .el-menu-item-group {
|
||||
color: rgb(191, 203, 217);
|
||||
background-color: rgb(48, 65, 86);
|
||||
}
|
||||
|
||||
.menu .el-menu-item:hover {
|
||||
background-color: #001528 !important;
|
||||
}
|
||||
|
||||
.is-active .el-submenu__title {
|
||||
color: rgb(64, 158, 255) !important;
|
||||
}
|
||||
|
||||
.menu .el-menu-item {
|
||||
color: rgb(191, 203, 217) !important;
|
||||
background-color: #1f2d3d !important;
|
||||
}
|
||||
|
||||
.menu .el-submenu__title {
|
||||
color: rgb(191, 203, 217) !important;
|
||||
background-color: rgb(48, 65, 86);
|
||||
}
|
||||
|
||||
.menu .el-submenu__title:hover, .is-opened .el-submenu__title {
|
||||
background-color: #263445 !important;
|
||||
}
|
||||
|
||||
.menu .el-menu-item-group__title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo-wrap {
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
line-height: 58px;
|
||||
font-size: 14px;
|
||||
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
||||
vertical-align: middle;
|
||||
padding: 0px 5px;
|
||||
min-width: 200px;
|
||||
|
||||
}
|
||||
|
||||
.logo-wrap img {
|
||||
max-width: 30px;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
#home .el-col-6 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#home .icon .fa, #home .icon .fas, #home .icon .fa, #home .icon .fab {
|
||||
font-size: 35px;
|
||||
/*color: #3f9eff;*/
|
||||
}
|
||||
|
||||
.menu .fa, .menu .fas, .menu .far, .menu .fab {
|
||||
margin-right: 5px;
|
||||
width: 24px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.el-tabs .fa, .el-tabs .fas, .el-tabs .far, .el-tabs .fab {
|
||||
margin-right: 5px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#home .info-card .el-card {
|
||||
height: 235px;
|
||||
}
|
||||
|
||||
.simpleui-table {
|
||||
font-size: 12px;
|
||||
color: #606266;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.simpleui-table tr {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.simpleui-table tr th {
|
||||
text-align: right;
|
||||
width: 60px;
|
||||
border-bottom: #eaeef5 1px solid;
|
||||
}
|
||||
|
||||
.simpleui-table tr td {
|
||||
text-align: left;
|
||||
border-bottom: #eaeef5 1px solid;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.el-main .el-tab-pane {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.el-tabs__content {
|
||||
padding: 0px !important;
|
||||
height: calc(100% - 39px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.el-tabs__content iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.el-tabs__new-tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#home {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#home .timeline {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.el-tabs__item {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.showHideBtn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.el-button .fas, .el-button .far, .el-button .fab, .el-button .fa {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.clearfix, .float-wrap {
|
||||
display: block
|
||||
}
|
||||
|
||||
.clearfix:after, .float-wrap:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.float-wrap .left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.float-wrap .right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#home .box-card .el-card__body .el-button {
|
||||
display: block;
|
||||
margin: 10px 0px;
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-breadcrumb__item .fas {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.float-wrap span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
#home .el-col-6 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
#home .el-col-6 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.float-wrap .right {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.navbar .el-button {
|
||||
padding: 5px 2px;
|
||||
}
|
||||
}
|
||||
32
static/admin/simpleui-x/css/login.css
Normal file
32
static/admin/simpleui-x/css/login.css
Normal file
@@ -0,0 +1,32 @@
|
||||
html, body {
|
||||
background-color: #2d3a4b;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.login-main{
|
||||
padding-top: 160px;
|
||||
padding-bottom: 50px;
|
||||
max-width: 350px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.logo{
|
||||
text-align: center;
|
||||
}
|
||||
.logo img{
|
||||
max-width: 200px;
|
||||
}
|
||||
.header{
|
||||
font-size: 26px;
|
||||
color: #eee;
|
||||
margin: 0 auto 40px auto;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
}
|
||||
.simpleui-input-inline{
|
||||
margin: 10px 0px;
|
||||
}
|
||||
.login-btn button{
|
||||
width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user