diff --git a/src/PearAdmin.AbpTemplate.Admin/Views/Account/_Layout.cshtml b/src/PearAdmin.AbpTemplate.Admin/Views/Account/_Layout.cshtml index 140a732f3db8bd61ad89829b2d36a7d37d623ec8..4e242d5fa8e20b50e767692dcc1c137e9b12d165 100644 --- a/src/PearAdmin.AbpTemplate.Admin/Views/Account/_Layout.cshtml +++ b/src/PearAdmin.AbpTemplate.Admin/Views/Account/_Layout.cshtml @@ -22,7 +22,7 @@ @RenderSection("styles", required: false) - + @RenderBody() diff --git a/src/PearAdmin.AbpTemplate.Admin/wwwroot/css/views/login.css b/src/PearAdmin.AbpTemplate.Admin/wwwroot/css/views/login.css index 82d642254aac93071996f6a2d70d3198fb30a3b9..e4bdf3530407b1a077c81ed755dcee60a157c307 100644 --- a/src/PearAdmin.AbpTemplate.Admin/wwwroot/css/views/login.css +++ b/src/PearAdmin.AbpTemplate.Admin/wwwroot/css/views/login.css @@ -1,7 +1,32 @@ +.user-login { + position: relative; + left: 0; + top: 0; + padding: 110px 0; +} + + .user-login .layui-row { + height: 650px; + } + + .user-login .layui-row .layui-col-md7 { + height: 100%; + } + + .user-login .layui-row .layui-col-md7 img { + border-radius: 5px; + max-height: 100%; + } + + .user-login .layui-col-md5 { + height: 100%; + border-radius: 5px; + background-color: #ffffff; + } + .layui-form { width: 320px !important; - margin: auto !important; - margin-top: 160px !important; + margin: 20% auto !important; } .layui-form button { @@ -67,21 +92,56 @@ line-height: 60px !important; } -.user-login { - position: relative; - left: 0; - top: 0; - padding: 110px 0; - min-height: 100%; +@media screen and (min-width: 1200px) { + .user-login { + position: relative; + left: 0; + top: 0; + padding: 80px 0; + } + + .user-login .layui-row { + height: 570px !important; + } + + .layui-form { + width: 320px !important; + margin: 15% auto !important; + } } - .user-login .layui-col-md7 img { - border-radius: 5px; - height: 655px; +@media screen and (min-width: 1366px) { + .user-login { + position: relative; + left: 0; + top: 0; + padding: 90px 0; } - .user-login .layui-col-md5 { - border-radius: 5px; - background-color: #ffffff; - padding-bottom: 100px; - } \ No newline at end of file + .user-login .layui-row { + height: 600px !important; + } + + .layui-form { + width: 320px !important; + margin: 15% auto !important; + } +} + +@media screen and (min-width:1500px) { + .user-login { + position: relative; + left: 0; + top: 0; + padding: 110px 0; + } + + .user-login .layui-row { + height: 650px !important; + } + + .layui-form { + width: 320px !important; + margin: 20% auto !important; + } +} \ No newline at end of file