(add) some stakes' section elements

pull/1704/head
Gabriel Rodriguez Alsina 6 years ago
parent 771066a22b
commit 40e5d875fa
  1. 5
      apps/block_scout_web/assets/css/_mixins.scss
  2. 1
      apps/block_scout_web/assets/css/app.scss
  3. 12
      apps/block_scout_web/assets/css/components/_stakes.scss
  4. 8
      apps/block_scout_web/lib/block_scout_web/templates/stakes/_stakes_top.html.eex

@ -23,7 +23,8 @@
@mixin stats-item() {
&-item {
color: #fff;
padding-left: 1rem;
padding-left: calc(1rem + 4px);
padding-right: 1rem;
position: relative;
&::before {
@ -31,7 +32,7 @@
border-radius: 2px;
content: "";
height: 100%;
left: -4px;
left: 0;
position: absolute;
top: 0;
width: 4px;

@ -89,6 +89,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
@import "components/coin-balance-tile";
@import "components/highlight";
@import "components/stakes";
@import "components/copy_icon";
:export {
primary: $primary;

@ -6,6 +6,16 @@
}
.stakes-top-stats {
@include stats-item();
display: flex;
justify-content: space-between;
@include media-breakpoint-down(md) {
flex-direction: column;
}
.stakes-top-stats-value {
display: flex;
}
}

@ -24,7 +24,13 @@
</div>
<!-- Address -->
<div class="stakes-top-stats-item stakes-top-stats-item-address">
<span class="stakes-top-stats-value">0x1fddEc96688e0538A316C64dc...</span>
<span class="stakes-top-stats-value">0x1fddEc96688e0538A316C64dc...
<div class="copy-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
<path fill-rule="evenodd" d="M13 10a1 1 0 0 1-1-1V2H5a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-3-5v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM8 6H2v6h6V6z"/>
</svg>
</div>
</span>
<span class="stakes-top-stats-label">
<span class="stakes-top-stats-label-item"><%= gettext "Balance" %>: 20.08 POA20</span>
<span class="stakes-top-stats-label-item"><%= gettext "Staked" %>: 1000 POA20</span>

Loading…
Cancel
Save