diff --git a/apps/block_scout_web/assets/css/components/_animations.scss b/apps/block_scout_web/assets/css/components/_animations.scss index 8482511b94..d673e9067a 100644 --- a/apps/block_scout_web/assets/css/components/_animations.scss +++ b/apps/block_scout_web/assets/css/components/_animations.scss @@ -66,6 +66,11 @@ .fade-up { will-change: transform, opacity, height; animation: fade-up 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); + + @media (max-width: 767px) { + max-height: 234px; + animation: fade-up--mobile 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); + } } .shrink-out { diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss index b952069e4e..f33dea5bec 100644 --- a/apps/block_scout_web/assets/css/components/_navbar.scss +++ b/apps/block_scout_web/assets/css/components/_navbar.scss @@ -147,16 +147,13 @@ } } -.nav-link.dropdown-toggle { - padding-right: 0 !important; -} - .dropdown-menu { padding: 0px; } .dropdown-item { padding: 10px 20px; + font-size: 12px; &:hover { background-color: $tertiary; diff --git a/apps/block_scout_web/assets/css/components/_tile.scss b/apps/block_scout_web/assets/css/components/_tile.scss index 15805103f0..cfc0526106 100644 --- a/apps/block_scout_web/assets/css/components/_tile.scss +++ b/apps/block_scout_web/assets/css/components/_tile.scss @@ -19,6 +19,26 @@ &-block { border-left: 4px solid $primary; + + .tile-label { + color: $primary; + } + } + + &-uncle { + border-left: 4px solid $secondary; + + .tile-label { + color: $secondary; + } + } + + &-reorg { + border-left: 4px solid $tertiary; + + .tile-label { + color: $tertiary; + } } &-transaction { diff --git a/apps/block_scout_web/lib/block_scout_web/templates/block/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/block/_tile.html.eex index eeb136f8a3..227c0bd09a 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/block/_tile.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/block/_tile.html.eex @@ -1,6 +1,11 @@ -
+
-
+
+ + <%= @block_type %> + +
+
<%= if @block_type == "Block" do %> <%= link( diff --git a/apps/block_scout_web/lib/block_scout_web/templates/block_transaction/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/block_transaction/index.html.eex index 6be818fc60..09b423d3c2 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/block_transaction/index.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/block_transaction/index.html.eex @@ -41,7 +41,7 @@ <% else %>
- <%= gettext "There are no transactions for this address." %> + <%= gettext "There are no transactions for this block." %>
<% end %> diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex index ba4ef3d691..89e7b8ac61 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex @@ -8,13 +8,24 @@