diff --git a/apps/block_scout_web/assets/css/_typography.scss b/apps/block_scout_web/assets/css/_typography.scss index f29c6bc34e..9086a8b7df 100644 --- a/apps/block_scout_web/assets/css/_typography.scss +++ b/apps/block_scout_web/assets/css/_typography.scss @@ -94,3 +94,11 @@ label, textarea.form-control { color: $teal; } } + +[data-transaction-status="Success"] { + color: $success; +} + +[data-transaction-status^="Error"] { + color: $danger; +} diff --git a/apps/block_scout_web/assets/css/components/_tile.scss b/apps/block_scout_web/assets/css/components/_tile.scss index d7a83abdf0..2d6e0c0f38 100644 --- a/apps/block_scout_web/assets/css/components/_tile.scss +++ b/apps/block_scout_web/assets/css/components/_tile.scss @@ -109,18 +109,18 @@ &-status { &--error--reason { - border-top: 1px solid lighten($danger, 10%); - border-right: 1px solid lighten($danger, 10%); - border-bottom: 1px solid lighten($danger, 10%); + border-top: 2px solid lighten($danger, 10%); + border-right: 2px solid lighten($danger, 10%); + border-bottom: 2px solid lighten($danger, 10%); .tile-status-label { color: $danger; } } &--awaiting-internal-transactions { - border-top: 1px solid lighten($warning, 10%); - border-right: 1px solid lighten($warning, 10%); - border-bottom: 1px solid lighten($warning, 10%); + border-top: 2px solid lighten($warning, 10%); + border-right: 2px solid lighten($warning, 10%); + border-bottom: 2px solid lighten($warning, 10%); .tile-status-label { color: $warning; diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex index d8a7628e91..2a7bc573a5 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex @@ -32,7 +32,7 @@
<%= BlockScoutWeb.TransactionView.transaction_display_type(@transaction) %> - <%= BlockScoutWeb.TransactionView.formatted_status(@transaction) %> + <%= BlockScoutWeb.TransactionView.formatted_status(@transaction) %> <%= if block do %>