anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

tx-page details

Browse source
This commit is contained in:
Bechi 2014-04-15 17:45:53 -03:00
commit c2fcb67347
2 changed files with 59 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

39
css/main.css
View file

@ -77,7 +77,16 @@ body {
border:0;
}
.panel:hover {
.transactions .panel {
background: #ECECEC;
}
.transactions .panel.pending {
background-color: #fff;
padding: 1rem;
}
.home .panel:hover {
background: #efefef;
}
@ -105,17 +114,40 @@ h3 {
border-right: 2px dashed #E3E3E3;
}
.line-dashed-h {
margin: 1rem 0;
border-bottom: 2px dashed #E3E3E3;
}
.panel p {
margin-bottom: 0;
}
span.panel-res {
float: right;
width: 3%;
padding: 0.4rem 0.55rem;
margin: 0 1rem;
border-radius: 1rem;
}
.panel-sign {
color: #111;
background: #FAE448;
}
.panel-ignore {
color: #fff;
background: #111;
}
.pending button {
margin: 0;
}
.line {
border-top: 1px solid #ccc;
padding-bottom: 1rem;
border-top: 1px solid #f2f2f2;
margin: 0.5rem 0 1rem;
}
button.primary { background-color: #111; }
@ -124,6 +156,7 @@ button.secondary { background-color: #FAE448 !important; }
button.primary:hover { background-color: #333;}
button.secondary:hover { background-color: #FFDF00 !important;}
.pr {position: relative;}
.m0 {margin: 0;}
.db {display: block;}
.size-12 { font-size: 12px; }

36
index.html
View file

@ -152,14 +152,13 @@
<div class="row">
<div class="large-12 columns">
<h2>Pending Transactions <small>({{txsoutput.length}})</small></h2>
<div class="panel pending" ng-repeat="txp in txsoutput ">
<h3>Pending Transactions <small>({{txsoutput.length}})</small></h3>
<div class="panel pending" > <!-- ng-repeat="txp in txsoutput " -->
{{txp}}
<div class="row">
<p class="large-5 columns"> Address 1</p>
<i class="large-2 columns fi-arrow-right size-16 text-center"></i>
<p class="large-5 columns"> Address 2</p>
<p>Transaction description</p>
<div class="large-12 columns m0">
<div class="line"></div>
<button class="primary round large-4 columns"><i class="large-2 columns fi-x size-16 text-center"></i> Ignore</button>
@ -168,28 +167,39 @@
</div>
</div> <!-- end of row -->
</div> <!-- end of pending -->
<div class="line-dashed-h"></div>
</div>
<div class="large-12 columns">
<h2>Last Transactions</h2>
<h3>Last Transactions</h3>
<div class="panel">
<div class="row">
<p class="large-5 columns"> Address 1</p>
<i class="large-2 columns fi-arrow-left size-16 text-center"></i>
<p class="large-5 columns"> Adress 2</p>
<p class="large-5 columns"> Address 1 <small class="right"> 1231 BTC </small></p>
<i class="large-1 columns fi-arrow-left size-16 text-center"></i>
<p class="large-5 columns"> Adress 2 <small class="right"> 1231 BTC </small></p>
<span class="panel-res panel-sign">
<i class="fi-check size-16"></i>
</span>
</div>
</div>
<div class="panel">
<div class="row">
<p class="large-5 columns"> Address 1</p>
<i class="large-2 columns fi-arrow-left size-16 text-center"></i>
<p class="large-5 columns"> Adress 2</p>
<p class="large-5 columns"> Address 1 <small class="right"> 1231 BTC </small></p>
<i class="large-1 columns fi-arrow-left size-16 text-center"></i>
<p class="large-5 columns"> Adress 2 <small class="right"> 1231 BTC </small></p>
<span class="panel-res panel-sign">
<i class="fi-check size-16"></i>
</span>
</div>
</div>
<div class="panel">
<div class="row">
<p class="large-5 columns"> Address 1</p>
<i class="large-2 columns fi-arrow-left size-16 text-center"></i>
<p class="large-5 columns"> Adress 2</p>
<p class="large-5 columns"> Address 1 <small class="right"> 1231 BTC </small></p>
<i class="large-1 columns fi-arrow-left size-16 text-center"></i>
<p class="large-5 columns"> Adress 2 <small class="right"> 1231 BTC </small></p>
<span class="panel-res panel-ignore">
<i class="fi-x size-16"></i>
</span>
</div>
</div>
</div>