Gabriel Rodriguez Alsina
6 years ago
parent
8aebe54170
commit
0939f45877
@ -0,0 +1,47 @@ |
||||
$check-color: $primary !default; |
||||
$check-dimensions: 14px !default; |
||||
|
||||
.check { |
||||
align-items: center; |
||||
display: flex; |
||||
position: relative; |
||||
|
||||
input[type="checkbox"] { |
||||
height: 100%; |
||||
opacity: 0; |
||||
position: absolute; |
||||
width: 100%; |
||||
z-index: 5; |
||||
|
||||
&:checked + .check-icon::before { |
||||
background-color: $check-color; |
||||
content: ""; |
||||
height: 6px; |
||||
left: 50%; |
||||
position: absolute; |
||||
top: 50%; |
||||
transform: translateX(-50%) translateY(-50%); |
||||
width: 6px; |
||||
} |
||||
} |
||||
|
||||
.check-icon { |
||||
border: 1px solid $base-border-color; |
||||
flex-grow: 0; |
||||
flex-shrink: 0; |
||||
height: $check-dimensions; |
||||
margin: 0 10px 0 0; |
||||
position: relative; |
||||
width: $check-dimensions; |
||||
z-index: 1; |
||||
} |
||||
|
||||
.check-text { |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
position: relative; |
||||
white-space: nowrap; |
||||
z-index: 1; |
||||
} |
||||
} |
||||
@ -1,25 +1,5 @@ |
||||
// ------------------------------- // |
||||
// Neutral Theme 1: Blue Shifted |
||||
// ------------------------------- // |
||||
|
||||
// $primary: #254F8D; |
||||
// $secondary: #72B0FB; |
||||
// $tertiary: #72B0FB; |
||||
|
||||
|
||||
// ------------------------------- // |
||||
// Neutral Theme 2: Black and Blue |
||||
// ------------------------------- // |
||||
|
||||
// $primary: #34373E; |
||||
// $secondary: #72B0FB; |
||||
// $tertiary: #72B0FB; |
||||
|
||||
|
||||
// ------------------------------- // |
||||
// Neutral Theme 3: Purple Shifted |
||||
// ------------------------------- // |
||||
|
||||
$primary: #262D62; |
||||
$secondary: #687BF6; |
||||
$tertiary: #687BF6; |
||||
|
||||
$base-border-color: #e2e5ec !default; |
||||
@ -0,0 +1,14 @@ |
||||
defmodule BlockScoutWeb.ActivePoolsController do |
||||
use BlockScoutWeb, :controller |
||||
|
||||
alias BlockScoutWeb.ActivePoolsView |
||||
|
||||
def index(conn, params) do |
||||
[] |
||||
|> handle_render(conn, params) |
||||
end |
||||
|
||||
defp handle_render(full_options, conn, _params) do |
||||
render(conn, "index.html") |
||||
end |
||||
end |
||||
@ -0,0 +1,14 @@ |
||||
defmodule BlockScoutWeb.InactivePoolsController do |
||||
use BlockScoutWeb, :controller |
||||
|
||||
alias BlockScoutWeb.InactivePoolsView |
||||
|
||||
def index(conn, params) do |
||||
[] |
||||
|> handle_render(conn, params) |
||||
end |
||||
|
||||
defp handle_render(full_options, conn, _params) do |
||||
render(conn, "index.html") |
||||
end |
||||
end |
||||
@ -0,0 +1,14 @@ |
||||
defmodule BlockScoutWeb.ValidatorsController do |
||||
use BlockScoutWeb, :controller |
||||
|
||||
alias BlockScoutWeb.ValidatorsView |
||||
|
||||
def index(conn, params) do |
||||
[] |
||||
|> handle_render(conn, params) |
||||
end |
||||
|
||||
defp handle_render(full_options, conn, _params) do |
||||
render(conn, "index.html") |
||||
end |
||||
end |
||||
@ -0,0 +1,7 @@ |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_top.html" %> |
||||
<section class="container"> |
||||
<div class="card"> |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_tabs.html", conn: @conn %> |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_title.html", title: "Active Pools" %> |
||||
</div> |
||||
</section> |
||||
@ -0,0 +1,7 @@ |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_top.html" %> |
||||
<section class="container"> |
||||
<div class="card"> |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_tabs.html", conn: @conn %> |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_title.html", title: "Inactive Pools" %> |
||||
</div> |
||||
</section> |
||||
@ -0,0 +1,23 @@ |
||||
<div class="card-tabs"> |
||||
<%= |
||||
link( |
||||
gettext("Validators"), |
||||
class: "card-tab #{tab_status("validators", @conn.request_path)}", |
||||
to: validators_path(@conn, :index) |
||||
) |
||||
%> |
||||
<%= |
||||
link( |
||||
gettext("Active Pools"), |
||||
class: "card-tab #{tab_status("active_pools", @conn.request_path)}", |
||||
to: active_pools_path(@conn, :index) |
||||
) |
||||
%> |
||||
<%= |
||||
link( |
||||
gettext("Inactive Pools"), |
||||
class: "card-tab #{tab_status("inactive_pools", @conn.request_path)}", |
||||
to: inactive_pools_path(@conn, :index) |
||||
) |
||||
%> |
||||
</div> |
||||
@ -0,0 +1,8 @@ |
||||
<div class="card-title-container"> |
||||
<div class="card-title"><%= @title %></div> |
||||
<div class="check"> |
||||
<input type="checkbox" /> |
||||
<div class="check-icon"></div> |
||||
<div class="check-text">Show only those I staked into</div> |
||||
</div> |
||||
</div> |
||||
@ -1,8 +0,0 @@ |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_top.html" %> |
||||
<section class="container"> |
||||
<div class="card"> |
||||
<div class="card-body"> |
||||
card body |
||||
</div> |
||||
</div> |
||||
</section> |
||||
@ -0,0 +1,7 @@ |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_top.html" %> |
||||
<section class="container"> |
||||
<div class="card"> |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_tabs.html", conn: @conn %> |
||||
<%= render BlockScoutWeb.StakesView, "_stakes_title.html", title: "Validators" %> |
||||
</div> |
||||
</section> |
||||
@ -0,0 +1,3 @@ |
||||
defmodule BlockScoutWeb.ActivePoolsView do |
||||
use BlockScoutWeb, :view |
||||
end |
||||
@ -0,0 +1,3 @@ |
||||
defmodule BlockScoutWeb.InactivePoolsView do |
||||
use BlockScoutWeb, :view |
||||
end |
||||
@ -0,0 +1,3 @@ |
||||
defmodule BlockScoutWeb.ValidatorsView do |
||||
use BlockScoutWeb, :view |
||||
end |
||||
Loading…
Reference in new issue