QR style changes

This commit is contained in:
bechi 2014-07-30 11:41:55 -03:00
commit 010c13fa4f
3 changed files with 27 additions and 7 deletions

View file

@ -999,24 +999,31 @@ a.text-white:hover {color: #ccc;}
.box-setup .panel { .box-setup .panel {
background-color: #2C3E50; background-color: #2C3E50;
padding: 0.5rem; padding: 1rem;
border: 0; border: 0;
} }
.panel qrcode { .panel qrcode {
float: left; float: left;
width: 260px; width: 160px;
height: 260px; height: 160px;
padding: 5px 0 0 5px; padding: 5px 0 0 5px;
background-color: white; background-color: white;
} }
.panel qrcode canvas {
width: 150px;
height: 150px;
}
.panel .secret { .panel .secret {
line-height: 1.3rem;
padding-top: 4rem;
float: left; float: left;
margin-left: 10px; margin-left: 2rem;
overflow-wrap: break-word; overflow-wrap: break-word;
width: 50%; width: 55%;
text-align: center; text-align: left;
} }
/*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/

View file

@ -102,5 +102,18 @@
border-right: 1px solid #425568; border-right: 1px solid #425568;
} }
.panel .secret {
padding-top: 0.5rem;
display: block;
width: 100%;
margin-left: 0;
text-align: center;
}
.panel qrcode {
display: block;
float: none;
margin: 0 auto;
}
} }

View file

@ -11,7 +11,7 @@
<h3>Share this secret with your other copayers</h3> <h3>Share this secret with your other copayers</h3>
<div class="panel"> <div class="panel">
<qrcode size="250" data="{{$root.wallet.getSecret()}}"></qrcode> <qrcode size="250" data="{{$root.wallet.getSecret()}}"></qrcode>
<div class="secret" class="ellipsis text-gray size-14">{{$root.wallet.getSecret()}}</div> <div class="secret text-gray size-14">{{$root.wallet.getSecret()}}</div>
<div style="clear:both;"></div> <div style="clear:both;"></div>
</div> </div>
</div> </div>