From 78e68e12483bd41a1472c680ad139abef4e58cef Mon Sep 17 00:00:00 2001 From: wayne Date: Fri, 15 Nov 2024 10:59:01 +0800 Subject: [PATCH] Valication style --- src/ZKEACMS.WebHost/wwwroot/css/Login.css | 22 +++++++++++++++++++ src/ZKEACMS.WebHost/wwwroot/css/Login.min.css | 2 +- 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/src/ZKEACMS.WebHost/wwwroot/css/Login.css b/src/ZKEACMS.WebHost/wwwroot/css/Login.css index a056794c6..4ea846300 100644 --- a/src/ZKEACMS.WebHost/wwwroot/css/Login.css +++ b/src/ZKEACMS.WebHost/wwwroot/css/Login.css @@ -130,6 +130,28 @@ body { font-size: 14px; } +.field-validation-error { + top: 10px; + position: relative; + background: #d9534f; + color: white; + padding: 1rem 1.2rem; + border-radius: 3px; + display: inline-block; +} + + .field-validation-error:before { + content: " "; + display: block; + border-top: 2px solid transparent; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid #d9534f; + position: absolute; + left: 10px; + top: -10px; + } + @media all and (max-width:991px) { .login-panel { width: 100%; diff --git a/src/ZKEACMS.WebHost/wwwroot/css/Login.min.css b/src/ZKEACMS.WebHost/wwwroot/css/Login.min.css index 0b5b3c2c1..5c8cd9c02 100644 --- a/src/ZKEACMS.WebHost/wwwroot/css/Login.min.css +++ b/src/ZKEACMS.WebHost/wwwroot/css/Login.min.css @@ -1,4 +1,4 @@ /*! http://www.zkea.net/ * Copyright (c) ZKEASOFT. All rights reserved. * http://www.zkea.net/licenses */ -html,body{min-height:100%}body{background:url(Images/login-bg.jpg) center center no-repeat;background-size:cover}.login-panel{position:absolute;background:rgba(0,0,0,.4);border-radius:10px;width:800px;left:50%;top:50%;margin-left:-400px;margin-top:-260px;overflow:hidden}.login-panel a{color:#889090}.login-panel a:hover{color:#696f6f;text-decoration:none}.login-panel .login-panel-form,.login-panel .login-panel-info{height:520px}.login-panel .login-panel-form{background:#fff;color:#889090;padding-top:2rem}.login-panel .login-panel-form .login-panel-heading{text-align:center;margin:0 0 3rem}.login-panel .login-panel-form .login-panel-body{margin:0 2.5rem}.login-panel .login-panel-form .login-panel-body>p:first-of-type{margin-bottom:1rem}.login-panel .login-panel-info{color:#fff}.login-panel .login-panel-info a{color:#fff}.login-panel .login-panel-info .app-name,.login-panel .login-panel-info .company-name{margin-left:30%}.login-panel .login-panel-info .app-name{margin-top:45%;font-weight:bold;text-shadow:2px 2px 1px #2f2f2f;margin-bottom:0}.login-panel .login-panel-info .app-name small{font-size:1.5rem;color:#fff}.login-panel .login-panel-info .company-name{color:#bfbfbf}.login-panel .login-panel-info .close{position:absolute;right:1rem;top:.5rem;opacity:1}.login-panel .login-panel-info .power-by{position:absolute;right:1rem;bottom:1rem;margin:0}.login-panel input,.login-panel .captcha-container .image-captcha>img{border-radius:0}.login-panel .form-control{background:#e8f0fe}.login-panel .form-group{margin-bottom:2rem;position:relative}.login-panel .form-group .field-validation-error{position:absolute;top:100%;margin-top:10px;width:100%;z-index:1}.login-panel .btn-login{display:block;width:100%}.login-panel .login-panel-footer{font-size:14px}@media all and (max-width:991px){.login-panel{width:100%;max-width:800px;position:static;margin:2em auto}} \ No newline at end of file +html,body{min-height:100%}body{background:url(Images/login-bg.jpg) center center no-repeat;background-size:cover}.login-panel{position:absolute;background:rgba(0,0,0,.4);border-radius:10px;width:800px;left:50%;top:50%;margin-left:-400px;margin-top:-260px;overflow:hidden}.login-panel a{color:#889090}.login-panel a:hover{color:#696f6f;text-decoration:none}.login-panel .login-panel-form,.login-panel .login-panel-info{height:520px}.login-panel .login-panel-form{background:#fff;color:#889090;padding-top:2rem}.login-panel .login-panel-form .login-panel-heading{text-align:center;margin:0 0 3rem}.login-panel .login-panel-form .login-panel-body{margin:0 2.5rem}.login-panel .login-panel-form .login-panel-body>p:first-of-type{margin-bottom:1rem}.login-panel .login-panel-info{color:#fff}.login-panel .login-panel-info a{color:#fff}.login-panel .login-panel-info .app-name,.login-panel .login-panel-info .company-name{margin-left:30%}.login-panel .login-panel-info .app-name{margin-top:45%;font-weight:bold;text-shadow:2px 2px 1px #2f2f2f;margin-bottom:0}.login-panel .login-panel-info .app-name small{font-size:1.5rem;color:#fff}.login-panel .login-panel-info .company-name{color:#bfbfbf}.login-panel .login-panel-info .close{position:absolute;right:1rem;top:.5rem;opacity:1}.login-panel .login-panel-info .power-by{position:absolute;right:1rem;bottom:1rem;margin:0}.login-panel input,.login-panel .captcha-container .image-captcha>img{border-radius:0}.login-panel .form-control{background:#e8f0fe}.login-panel .form-group{margin-bottom:2rem;position:relative}.login-panel .form-group .field-validation-error{position:absolute;top:100%;margin-top:10px;width:100%;z-index:1}.login-panel .btn-login{display:block;width:100%}.login-panel .login-panel-footer{font-size:14px}.field-validation-error{top:10px;position:relative;background:#d9534f;color:#fff;padding:1rem 1.2rem;border-radius:3px;display:inline-block}.field-validation-error:before{content:" ";display:block;border-top:2px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #d9534f;position:absolute;left:10px;top:-10px}@media all and (max-width:991px){.login-panel{width:100%;max-width:800px;position:static;margin:2em auto}} \ No newline at end of file