diff --git a/src/admin/templets/index.htm b/src/admin/templets/index.htm index eff9f43a..e8e5c07e 100644 --- a/src/admin/templets/index.htm +++ b/src/admin/templets/index.htm @@ -21,12 +21,12 @@
diff --git a/src/static/web/css/admin.css b/src/static/web/css/admin.css index 4666f036..6c3128ec 100644 --- a/src/static/web/css/admin.css +++ b/src/static/web/css/admin.css @@ -36,17 +36,16 @@ input:focus,select:focus,textarea:focus{color:var(--gray);background:var(--white .login-from{margin:5rem auto;width:500px} .login-box{padding:1.25rem;background:var(--white)} .login-box h2{margin:0;line-height:1.2;font-size:24px;font-weight:600;color:var(--gray-dark)} -.admin-head{width:100%;height:60px;background:linear-gradient(45deg,var(--green),var(--success-900) 100%)} -.admin-head .logo{float:left;padding-left:25px;height:60px;line-height:60px;width:220px} -.admin-head .logo .name a{font-size:18px;font-weight:600;color:var(--white);vertical-align:middle} -.admin-head .logo .version{margin-left:5px;font-size:12px;color:var(--white);vertical-align:top} -.admin-head .logo .btn-version{margin-left:5px} -.admin-head .item li{float:left;position:relative;padding:0 1rem;height:60px;line-height:60px} +.admin-head{width:100%;height:60px;line-height:60px;background:linear-gradient(45deg,var(--green),var(--success-900) 100%)} +.admin-head .logo{float:left;padding-left:1.5rem;width:220px} +.admin-head .logo .name{font-size:18px;font-weight:600;color:var(--white);vertical-align:middle} +.admin-head .logo .version{font-size:12px;color:var(--white);vertical-align:top} +.admin-head .item li{float:left;position:relative;padding:0 1rem} .admin-head .item li a,.admin-head .user li a{color:var(--white)} .admin-head .item li a:hover,.admin-head .user li a:hover{color:var(--gray-300)} .admin-head .item .search{position:absolute;top:20px;right:20px;height:20px;line-height:20px;color:var(--gray);background:0;border:0} -.admin-head .user{float:right;padding-right:25px;height:60px;line-height:60px} -.admin-head .user li{float:left;padding:0 1rem;height:60px;line-height:60px} +.admin-head .user{float:right;padding-right:1.5rem} +.admin-head .user li{float:left;padding:0 1rem} .admin-head .user li:last-child{padding-right:0} .admin-head .user li img{margin-right:0.5rem;width:30px;height:30px;border-radius:50%} body.menu-hide .menu-left{display:none} @@ -55,7 +54,7 @@ body.menu-show .menu-left{display:block} body.menu-show .body-right{left:220px;transition:all 0.5s} .menu-left{padding:1rem 5px;position:absolute;top:60px;left:0;bottom:0;width:220px;overflow-y:auto} .sidemenu{background:var(--white);border-radius:0.5rem} -.sidemenu .link{position:relative;padding-left:50px;display:block;height:42px;line-height:42px;cursor:pointer} +.sidemenu .link{position:relative;padding-left:45px;display:block;height:42px;line-height:42px;cursor:pointer} .sidemenu li:last-child .link{border-bottom:0} .sidemenu li i{position:absolute;top:14px;left:20px;color:var(--gray)} .sidemenu li i.fa-angle-down{right:20px;left:auto} @@ -105,9 +104,29 @@ body.menu-show .body-right{left:220px;transition:all 0.5s} #toolimg{position:absolute;display:none} #uploadfield{float:left} #uploadwait{z-index:19999} -.body-bg,.option1{background:var(--bg)} +#validateimg{border-radius:0 0.5rem 0.5rem 0;cursor:pointer} +#wrap{padding:10px} +#topbar{padding:10px 0;border-bottom:1px solid var(--light);text-align:right} +#file_list{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding-top:10px} +#file_list:empty:after{content:'拖拽图片到此处上传'} +#file_list li{display:block;position:relative;padding:10px;vertical-align:top;border-radius:0.5rem} +#file_list li:hover{background:var(--light)} +#file_list li .picbox{display:flex;flex:0 0 auto;position:relative;padding-top:90%;width:100%;align-items:center;justify-content:center;overflow:hidden} +#file_list li .picbox img{display:block;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:0.5rem} +#file_list li .namebox{display:flex;padding:10px;justify-content:center;align-items:flex-start} +#file_list li.up-over .picbox:after{position:absolute;bottom:10px;right:0;font-family:'FontAwesome';font-size:18px;color:var(--green);content:'\f058';z-index:9} +#file_list li .tools{display:none;position:absolute;bottom:12px;right:10px;z-index:99} +#file_list li:hover .tools{display:block} +#file_list li .tools .remove{cursor:pointer} +#file_list li .tools .remove:after{font-family:'FontAwesome';font-size:18px;color:var(--danger);content:'\f1f8'} +#selColor{padding:5px;width:35px} +#edsta{display:none;padding:0.5rem;position:absolute;top:100px;left:200px;width:450px;height:auto;background:var(--bg);border:1px solid var(--gray-300)} +#browsehappy{padding:1rem 30px;color:var(--orange);background:var(--yellow)} +.browsehappy-close{float:right;cursor:pointer} +.option1{background:var(--gray-300)} .option2{background:var(--gray-500)} .option3{background:var(--white)} +.body-bg{background:var(--bg)} .upload-box{margin:10px;background:var(--white)} .tips-box{margin:70px auto 0;width:500px;height:auto;background:var(--white);border-radius:0.5rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)} .tips-head{margin:0 20px;padding:18px 0;border-bottom:1px solid var(--bg)} @@ -148,28 +167,9 @@ table,input,select,textarea,.login-box,.colordlg,.pubdlg,.quickselitem .topcat,. .page-item:last-child .page-link{border-top-right-radius:0.5rem!important;border-bottom-right-radius:0.5rem!important} .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important} .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important} -.btn-sm{padding:0.375rem 0.6rem;height:30px;line-height:1.5;font-size:12px} +.btn-sm{padding:0.375rem 0.6rem;height:30px;font-size:12px} .btn-xs{padding:0.22rem;height:20px;line-height:1;font-size:12px;border-radius:0.35rem!important} .btn+.btn{margin-left:10px} -#validateimg{border-radius:0 0.5rem 0.5rem 0;cursor:pointer} -#wrap{padding:10px} -#topbar{padding:10px 0;border-bottom:1px solid var(--light);text-align:right} -#file_list{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding-top:10px} -#file_list:empty:after{content:'拖拽图片到此处上传'} -#file_list li{display:block;position:relative;padding:10px;vertical-align:top;border-radius:0.5rem} -#file_list li:hover{background:var(--light)} -#file_list li .picbox{display:flex;flex:0 0 auto;position:relative;padding-top:90%;width:100%;align-items:center;justify-content:center;overflow:hidden} -#file_list li .picbox img{display:block;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:0.5rem} -#file_list li .namebox{display:flex;padding:10px;justify-content:center;align-items:flex-start} -#file_list li.up-over .picbox:after{position:absolute;bottom:10px;right:0;font-family:'FontAwesome';font-size:18px;color:var(--green);content:'\f058';z-index:9} -#file_list li .tools{display:none;position:absolute;bottom:12px;right:10px;z-index:99} -#file_list li:hover .tools{display:block} -#file_list li .tools .remove{cursor:pointer} -#file_list li .tools .remove:after{font-family:'FontAwesome';font-size:18px;color:var(--danger);content:'\f1f8'} -#selColor{padding:5px;width:35px} -#edsta{display:none;padding:0.5rem;position:absolute;top:100px;left:200px;width:450px;height:auto;background:var(--bg);border:1px solid var(--gray-300)} -#browsehappy{padding:1rem 30px;color:var(--orange);background:var(--yellow)} -.browsehappy-close{float:right;cursor:pointer} @media (min-width:1200px){.modal-dialog{max-width:500px} } @media (max-width:768px){td{text-overflow:ellipsis;white-space:nowrap}