style: 微调用户信息栏样式

This commit is contained in:
Argo Zhang 2019-08-17 14:55:15 +08:00
parent d645a7cc67
commit f9c8683bcf
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 8 additions and 6 deletions

View File

@ -96,11 +96,8 @@
<div class="d-flex flex-fill align-items-center">
<img src="@Url.Content(Model.Icon)">
<div class="flex-fill">
<div class="d-flex">
<span class="d-inline-block font-weight-bold flex-fill">@Model.DisplayName</span>
<span class="text-success"><i class="fa fa-star"></i></span>
</div>
<div class="text-sm">登录名:@Model.UserName</div>
<div class="font-weight-bold flex-fill">@Model.DisplayName</div>
<div>登录名:@Model.UserName</div>
</div>
</div>
</div>

View File

@ -49,7 +49,7 @@
}
.userinfo .dropdown-item {
border-bottom: solid 1px #e9ecef;
border-bottom: solid 1px rgba(255, 255, 255, 0.4);
padding: 0.25rem 1.5rem;
}
@ -57,6 +57,10 @@
display: flex;
}
.userinfo .dropdown-item:first-child .font-weight-bold {
font-size: 1rem;
}
.userinfo .dropdown-item img {
width: 60px;
height: auto;
@ -86,6 +90,7 @@
.userinfo.show .dropdown-menu {
margin-top: 8px;
left: auto !important;
}
aside {