diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss index c5d07c2ae2..b4c9649d66 100644 --- a/apps/block_scout_web/assets/css/app.scss +++ b/apps/block_scout_web/assets/css/app.scss @@ -1,12 +1,10 @@ @import "./mixins"; /* Phoenix flash messages */ - .alert:empty { - display: none; + display: none; } - /* This file is for your main application css. */ // Font Awesome @@ -109,18 +107,15 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts"; @import "components/radio_big"; @import "components/btn_no_border"; @import "components/custom_tooltips_block_details"; -@import "components/_erc721_token_image_container"; - @import "theme/dark-theme"; - :export { - dashboardBannerChartAxisFontColor: $dashboard-banner-chart-axis-font-color; - dashboardLineColorMarket: $dashboard-line-color-market; - dashboardLineColorPrice: $dashboard-line-color-price; - primary: $primary; - secondary: $secondary; - darkprimary: $dark-primary; - darksecondary: $dark-secondary; + dashboardBannerChartAxisFontColor: $dashboard-banner-chart-axis-font-color; + dashboardLineColorMarket: $dashboard-line-color-market; + dashboardLineColorPrice: $dashboard-line-color-price; + primary: $primary; + secondary: $secondary; + darkprimary: $dark-primary; + darksecondary: $dark-secondary; } diff --git a/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss b/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss index 883b699cab..91eb3ad01a 100644 --- a/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss +++ b/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss @@ -10,7 +10,7 @@ position: absolute; width: 50%; background-color: white; - color: #5c34a2; + color: black; text-align: center; border-radius: 6px; left: 25%; @@ -22,7 +22,7 @@ margin-bottom: 15px; opacity: 0; transition: opacity 0.5s; - @include media-breakpoint-down(sm) { + @include media-breakpoint-down(lg) { left: 60%; } } @@ -60,9 +60,9 @@ margin-bottom: 15px; opacity: 0; transition: opacity 0.5s; - @include media-breakpoint-down(sm) { - padding: 9px 10px; + @include media-breakpoint-down(lg) { bottom: 100%; + padding: 9px 10px; } } diff --git a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss index 5a6dcc46bd..0fb092044d 100644 --- a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss +++ b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss @@ -24,7 +24,6 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa height: auto; } } - .dashboard-banner { display: flex; justify-content: space-between; @@ -34,7 +33,6 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa flex-direction: column; } } - .dashboard-banner-network-graph { flex-grow: 1; padding: 15px 0 0 0; @@ -44,7 +42,6 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa padding-top: 20px; } } - .dashboard-banner-chart { flex-grow: 1; margin: 0 0 35px 0; @@ -62,7 +59,6 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa width: 100%; } } - .dashboard-banner-chart-legend { display: flex; /* grid-template-columns: 1fr 1fr; */ @@ -121,7 +117,6 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa line-height: 1.2; } } - .dashboard-banner-network-plain-container { align-items: center; align-self: flex-end; @@ -169,7 +164,6 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa } } } - .dashboard-banner-network-stats { column-gap: 25px; display: grid; @@ -198,4 +192,4 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa font-size: 0.9rem; } } -} \ No newline at end of file +} diff --git a/apps/block_scout_web/assets/css/components/_erc721_token_image_container.scss b/apps/block_scout_web/assets/css/components/_erc721_token_image_container.scss deleted file mode 100644 index b5f9cb6a92..0000000000 --- a/apps/block_scout_web/assets/css/components/_erc721_token_image_container.scss +++ /dev/null @@ -1,10 +0,0 @@ -/* ERC721 image block */ -.erc721-image { - display: flex; - justify-content: center; -} - -.erc721-image img { - height: 80px; -} -/* ERC721 image block end */ diff --git a/apps/block_scout_web/assets/css/components/_transaction.scss b/apps/block_scout_web/assets/css/components/_transaction.scss index b8d7b82e39..15bc0f0e93 100644 --- a/apps/block_scout_web/assets/css/components/_transaction.scss +++ b/apps/block_scout_web/assets/css/components/_transaction.scss @@ -1,46 +1,53 @@ .transaction-bottom-panel { - display: flex; - flex-direction: column; - @media (min-width: 768px) { - flex-direction: row; - justify-content: space-between; - align-items: flex-end; - } + display: flex; + flex-direction: column; + @media (min-width: 768px) { + flex-direction: row; + justify-content: space-between; + align-items: flex-end; + } } .transaction-bottom-panel { - display: flex; - flex-direction: column; - @media (min-width: 768px) { - flex-direction: row; - justify-content: space-between; - align-items: flex-end; - } + display: flex; + flex-direction: column; + @media (min-width: 768px) { + flex-direction: row; + justify-content: space-between; + align-items: flex-end; + } } .download-all-transactions { - text-align: center; - color: #a3a9b5; - font-size: 13px; - margin-top: 10px; - @media (min-width: 768px) { - margin-top: 30px; - } - .download-all-transactions-link { - display: inline-flex; - align-items: center; - text-decoration: none; - svg { - position: relative; - margin-left: 2px; - top: -3px; - left: 3px; - path { - fill: $primary; - } - } - &:hover { - text-decoration: underline; - } - } + text-align: center; + color: #a3a9b5; + font-size: 13px; + margin-top: 10px; + @media (min-width: 768px) { + margin-top: 30px; + } + .download-all-transactions-link { + display: inline-flex; + align-items: center; + text-decoration: none; + svg { + position: relative; + margin-left: 2px; + top: -3px; + left: 3px; + path { + fill: $primary; + } + } + &:hover { + text-decoration: underline; + } + } +} + +.block-detail-number { + width: 25%; + @include media-breakpoint-down(sm) { + width: 60%; + } } \ No newline at end of file diff --git a/apps/block_scout_web/lib/block_scout_web/templates/block/overview.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/block/overview.html.eex index 26fa5ba725..42bfb43986 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/block/overview.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/block/overview.html.eex @@ -4,50 +4,35 @@
<%= block_reward_text(block_reward) %> <%= format_wei_value(block_reward.reward, :ether) %>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex index c362d18d43..c4fbdc2af2 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex @@ -71,7 +71,7 @@ <%= if total_supply?(@token) do %>