登录页面改造
This commit is contained in:
@@ -106,6 +106,23 @@ body.login-page > div {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.logo-image-wrap {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.logo-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.logo-icon i.icon {
|
||||
margin: 0 !important;
|
||||
font-size: 16px;
|
||||
|
||||
@@ -38,7 +38,11 @@
|
||||
<div class="login-card">
|
||||
<div class="card-header">
|
||||
<div class="brand-logo">
|
||||
{$if gt .logoFileId 0}
|
||||
<span class="logo-image-wrap"><img class="logo-image" src="/ui/image/{$.logoFileId}" alt="logo"/></span>
|
||||
{$else}
|
||||
<span class="logo-icon"><i class="shield alternate icon"></i></span>
|
||||
{$end}
|
||||
<span class="logo-text">{$ htmlEncode .systemName}</span>
|
||||
</div>
|
||||
<p class="header-title">新一代 Web与APP 应用防护平台</p>
|
||||
|
||||
@@ -106,6 +106,23 @@ body.login-page > div {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.logo-image-wrap {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.logo-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.logo-icon i.icon {
|
||||
margin: 0 !important;
|
||||
font-size: 16px;
|
||||
|
||||
@@ -106,6 +106,23 @@ body.login-page > div {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.logo-image-wrap {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.logo-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.logo-icon i.icon {
|
||||
margin: 0 !important;
|
||||
font-size: 16px;
|
||||
|
||||
@@ -38,7 +38,11 @@
|
||||
<div class="login-card">
|
||||
<div class="card-header">
|
||||
<div class="brand-logo">
|
||||
{$if gt .logoFileId 0}
|
||||
<span class="logo-image-wrap"><img class="logo-image" src="/ui/image/{$.logoFileId}" alt="logo"/></span>
|
||||
{$else}
|
||||
<span class="logo-icon"><i class="shield alternate icon"></i></span>
|
||||
{$end}
|
||||
<span class="logo-text">{$ htmlEncode .systemName}</span>
|
||||
</div>
|
||||
<p class="header-title">新一代 Web与APP 应用防护平台</p>
|
||||
|
||||
@@ -106,6 +106,23 @@ body.login-page > div {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.logo-image-wrap {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.logo-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.logo-icon i.icon {
|
||||
margin: 0 !important;
|
||||
font-size: 16px;
|
||||
|
||||
Reference in New Issue
Block a user