diff --git a/src/components/Charts/TxDensityChart.vue b/src/components/Charts/TxDensityChart.vue index 9f40e712..74790387 100644 --- a/src/components/Charts/TxDensityChart.vue +++ b/src/components/Charts/TxDensityChart.vue @@ -112,7 +112,7 @@ export default { onResize () { const chartContainer = this.$el.querySelector('.chart-container') const w = chartContainer.offsetWidth - const h = Math.max(chartContainer.offsetHeight, 130) + const h = 120 this.size = { w, h } }, barClick (event) { diff --git a/src/components/home/Block/PendingBlock.vue b/src/components/home/Block/PendingBlock.vue index c83c62b0..45bacce5 100644 --- a/src/components/home/Block/PendingBlock.vue +++ b/src/components/home/Block/PendingBlock.vue @@ -3,6 +3,7 @@
{{ pending }} new blocks
in last {{ now - lastBlocksTime | abbr-time }}
diff --git a/src/styles/_home.scss b/src/styles/_home.scss index 9a31d46a..8d4b4427 100644 --- a/src/styles/_home.scss +++ b/src/styles/_home.scss @@ -126,19 +126,19 @@ justify-content: center; padding: 10px 0; align-items: center; - // margin-bottom: 10px; border-left: 1px solid #3A3A3A; .btn-upload-blocks { position: relative; } .w-badge { - width: 10px; - height: 10px; + width: 12px; + height: 12px; background-color: $orange_900; border-radius: 50px; position: absolute; top: 0; right: 5px; + border: 2px solid $newbw_800; } .text-blocks { margin-top: 8px; diff --git a/src/styles/_navigation.scss b/src/styles/_navigation.scss index 5e2cd86e..6acff9db 100644 --- a/src/styles/_navigation.scss +++ b/src/styles/_navigation.scss @@ -245,26 +245,26 @@ display: block; } } - &.link-blocks { + &.link-blocks.router-link-exact-active { background-color: $green_900; color: #000; } - &.link-txs { + &.link-txs.router-link-exact-active { background-color: $orange_900; color: #000; } - &.link-address { + &.link-address.router-link-exact-active { background-color: $pink_900; color: #fff; .block-icon { display: none; } } - &.link-tokens { + &.link-tokens.router-link-exact-active { background-color: $cyan_300; color: #000; } - &.link-apps { + &.link-apps.router-link-exact-active { background-color: white; color: #000; svg { diff --git a/src/styles/_page.scss b/src/styles/_page.scss index c0af999c..d31c968f 100644 --- a/src/styles/_page.scss +++ b/src/styles/_page.scss @@ -4,7 +4,7 @@ margin-bottom: 4rem; overflow-x: auto; .content-section { - min-width: 810px; + min-width: 865px; } } @@ -124,10 +124,10 @@ color: $orange_900; } } - // .data-table { - // padding-top: 65px; - // position: relative; - // } + .data-table { + padding-top: 65px; + position: relative; + } .content-section { position: relative; background-color: $newbw_800; @@ -518,10 +518,11 @@ color: $white_100; padding: 0 24px; h2 { - margin-bottom: 30px; + margin-bottom: 32px; } h3 { margin-top: 60px; + font-size: 25px; } .tx-pool-chart { @@ -540,13 +541,14 @@ margin: 30px 0; } .data-table { - margin-top: 60px; + margin-top: 20px; position: relative; .table-ctrls { - top: 15px; + top: 5px; position: relative; display: flex; + right: 0px; } table { margin-top: 20px;