修改BUG:更新样式表修复右侧登录信息下拉框样式

This commit is contained in:
Argo-MacBookPro 2018-08-02 11:44:57 +08:00
parent d3ad8e768d
commit 8ad99cfdd9
2 changed files with 5 additions and 5 deletions

View File

@ -102,7 +102,7 @@
<span id="userDisplayName" data-userName="@Model.UserName" class="username">@Model.DisplayName</span> <span id="userDisplayName" data-userName="@Model.UserName" class="username">@Model.DisplayName</span>
<b class="caret"></b> <b class="caret"></b>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu dropdown-menu-right">
<li></li> <li></li>
<li><a href="~/Admin/Profiles"><i class=" fa fa-suitcase"></i>个人中心</a></li> <li><a href="~/Admin/Profiles"><i class=" fa fa-suitcase"></i>个人中心</a></li>
<li><a href="~/Admin/Index"><i class="fa fa-cog"></i>设置</a></li> <li><a href="~/Admin/Index"><i class="fa fa-cog"></i>设置</a></li>

View File

@ -24,6 +24,7 @@ a, a:hover, a:focus {
.dropdown-menu { .dropdown-menu {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);
padding: 0; padding: 0;
font-size: 1.4rem;
} }
.dropdown-menu > li > a { .dropdown-menu > li > a {
@ -91,9 +92,7 @@ a, a:hover, a:focus {
.header > .dropdown .dropdown-menu { .header > .dropdown .dropdown-menu {
width: 268px; width: 268px;
top: 50px; margin-top: 1rem;
left: auto;
right: 0;
} }
.header > .dropdown .dropdown-menu li { .header > .dropdown .dropdown-menu li {
@ -120,7 +119,7 @@ a, a:hover, a:focus {
.header > .dropdown .dropdown-menu li:last-child a { .header > .dropdown .dropdown-menu li:last-child a {
color: #ca3a39; color: #ca3a39;
border-radius: 0 0 3px 3px; border-radius: 0 0 0.15rem 0.15rem;
background: #a9d96c; background: #a9d96c;
background-image: linear-gradient(to bottom, #a9d96c 0%, #799e51 100%); background-image: linear-gradient(to bottom, #a9d96c 0%, #799e51 100%);
} }
@ -134,6 +133,7 @@ a, a:hover, a:focus {
.header > .dropdown .dropdown-menu li a { .header > .dropdown .dropdown-menu li a {
color: #777; color: #777;
padding: 15px 10px; padding: 15px 10px;
display: block;
} }
.header > .dropdown .dropdown-menu li a:hover { .header > .dropdown .dropdown-menu li a:hover {