mirror of https://github.com/BTCPrivate/copay.git
fix UI style & manage wallet
This commit is contained in:
parent
9066e77511
commit
4f1205a4f5
|
@ -133,7 +133,7 @@ header .alt-currency {
|
|||
}
|
||||
|
||||
.head {
|
||||
padding-left: 20px;
|
||||
padding: 0.9rem 0;
|
||||
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
|
||||
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
|
||||
background-color: #FFF;
|
||||
|
@ -146,7 +146,7 @@ header .alt-currency {
|
|||
|
||||
.head .title h1 {
|
||||
float: left;
|
||||
padding: 12px 10px;
|
||||
padding-left: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
@ -157,29 +157,32 @@ header .alt-currency {
|
|||
|
||||
.head .menu a.dropdown {
|
||||
display: block;
|
||||
height: 62px;
|
||||
width: 140px;
|
||||
padding: 12px 5px;
|
||||
margin: 0 1rem 0 2rem;
|
||||
height: 48px;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.head .menu a.dropdown:hover,
|
||||
.head .menu a.dropdown.hover {
|
||||
border-bottom: 1px solid #fff;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.head .menu ul {
|
||||
border: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 160px;
|
||||
right: 14px;
|
||||
width: 100px;
|
||||
list-style-type: none;
|
||||
top: 61px;
|
||||
top: 47px;
|
||||
}
|
||||
|
||||
.head .menu ul.hover {
|
||||
background: #FFFFFF;
|
||||
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
|
||||
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
|
||||
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.head .menu ul li a {
|
||||
|
@ -499,6 +502,7 @@ a.button-setup {
|
|||
.size-21 { font-size: 21px; }
|
||||
.size-24 { font-size: 24px; }
|
||||
.size-36 { font-size: 36px; }
|
||||
.size-42 { font-size: 42px; }
|
||||
.size-48 { font-size: 48px; }
|
||||
.size-60 { font-size: 60px; }
|
||||
.size-72 { font-size: 72px; }
|
||||
|
@ -575,7 +579,7 @@ a.button-setup {
|
|||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.line-dashed {
|
||||
.p-dashed {
|
||||
border-top: 1px dashed #3C5269;
|
||||
margin: 1rem 0;
|
||||
padding: 1rem 0;
|
||||
|
@ -1099,8 +1103,7 @@ button.gray:focus,
|
|||
}
|
||||
|
||||
.photo-container {
|
||||
margin-right: 10px;
|
||||
padding-top: 0.4rem;
|
||||
margin-right: 3px;
|
||||
display: inline-block;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
|
|
|
@ -2,19 +2,21 @@
|
|||
<h1>{{$root.title}}</h1>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
|
||||
ng-click="hoverMenu = !hoverMenu">
|
||||
<a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
|
||||
<span class="photo-container"><i class="fi-torso size-18"></i></span>
|
||||
<span class="photo-container"><i class="fi-torso size-42"></i></span>
|
||||
<span class="m15t">{{username}} </span>
|
||||
<i class="icon-arrow-down2 size-16 vm"></i>
|
||||
<i class="icon-arrow-down size-16 vm"></i>
|
||||
</a>
|
||||
<ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
|
||||
<li>
|
||||
<a href="#!/manage" title="Manage wallets">
|
||||
<i class="fi-plus"></i> {{'Manage wallets' | translate }}</a></li>
|
||||
<li><a href="#!/" title="Close" ng-click="signout()">
|
||||
<i class="fi-power"></i> {{'Close'|translate}}</a></li>
|
||||
<li><a class="text-gray size-16" href="#!/" title="Close" ng-click="signout()">
|
||||
<i class="fi-power m10r"></i> {{'Close'|translate}}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="right">
|
||||
<a class="button tiny pri radius oh" href="#!/manage" title="Manage wallets"><i class="fi-plus"></i> {{'Manage wallets' | translate }}</a>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue