- { networkSelection({t, theme, page}) }
-
-
- { search({ t, autofocus: !isTouch }) }
+
+ { networkSelection({t, theme, page}) }
+
+
+ { search({ t, autofocus: !isTouch }) }
\ No newline at end of file
diff --git a/client/src/views/transactions-all.js b/client/src/views/transactions-all.js
index ff1adfbb..900a5e81 100644
--- a/client/src/views/transactions-all.js
+++ b/client/src/views/transactions-all.js
@@ -11,8 +11,5 @@ const homeLayout = (body, { t, activeTab, ...S }) => layout(
, { t, isTouch, activeTab, ...S })
export const recentTxs = ({ mempoolRecent, t, ...S }) => homeLayout(
-
- {transactions( mempoolRecent, false, { t, ...S })}
-
+ transactions( mempoolRecent, false, { t, ...S })
, { ...S, t, activeTab: 'recentTxs' })
-
\ No newline at end of file
diff --git a/www/bootstrap.min.css b/www/bootstrap.min.css
deleted file mode 120000
index 7c467309..00000000
--- a/www/bootstrap.min.css
+++ /dev/null
@@ -1 +0,0 @@
-../client/node_modules/bootstrap/dist/css/bootstrap.min.css
\ No newline at end of file
diff --git a/www/light-theme_style.css b/www/light-theme_style.css
index fd4cd11c..4f284dc8 100644
--- a/www/light-theme_style.css
+++ b/www/light-theme_style.css
@@ -204,7 +204,7 @@ body.theme-light {
color: #22242c;
}
-.theme-light .dash-container .view-more img{
+.theme-light .view-more img{
filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(604%) hue-rotate(159deg) brightness(91%) contrast(96%);
}
diff --git a/www/style.css b/www/style.css
index 0ddcf9bc..d6afba79 100644
--- a/www/style.css
+++ b/www/style.css
@@ -20,6 +20,8 @@ body {
text-align: left;
font-family: "Inter", sans-serif;
color: #fff;
+ margin: 0px;
+ padding: 0px;
}
body.theme-dark {
@@ -30,6 +32,23 @@ body[lang=he] {
font-family: "Open Sans Hebrew","Helvetica Neue",Helvetica,Arial,sans-serif;
}
+input {
+ font-family: Inter;
+ outline: none;
+}
+
+div {
+ box-sizing: border-box;
+}
+
+h1, h2, h3, p {
+ margin: 0px;
+}
+
+img {
+ vertical-align: middle;
+}
+
.text-white { color: #FFF; }
.text-gray { color: #B5BDC2; }
@@ -405,12 +424,6 @@ a, a:link, a:visited, a:hover, a:focus {
text-decoration: none;
}
-.content-wrap {
- min-height: calc(100vh - 60px - 24px);
- margin-bottom: 24px;
- overflow: hidden;
-}
-
.table { color: inherit }
@@ -418,11 +431,16 @@ a, a:link, a:visited, a:hover, a:focus {
/*New Design CSS Flexbox */
/* Main Navigation */
-.container{
+.form-group {
+ margin-bottom: 16px;
+}
+
+.explorer-container {
width: 100%;
- max-width: 1200px !important;
- padding-left: 20px !important;
- padding-right: 20px !important;
+ max-width: 1160px;
+ box-sizing: border-box;
+ margin-left: auto;
+ margin-right: auto;
}
.nav-container{
@@ -570,6 +588,8 @@ a, a:link, a:visited, a:hover, a:focus {
color: #fff;
border-radius: 5px;
border: 0;
+ cursor: pointer;
+ line-height: 1.5;
}
.btn-primary:hover {
background: #292e35;
@@ -590,6 +610,9 @@ table th {
text-transform: uppercase;
}
+.block-header-title, .transaction-header-title {
+ margin-bottom: .5rem;
+}
.block-header-title::before {
content: "";
@@ -923,9 +946,9 @@ table th {
/* HEADER END */
-body > .container, .navbar > .container, body > .container, .content-wrap > div > .container, footer > .container {
+/* body > .container, .navbar > .container, body > .container, .explorer-container > div > .container, footer > .container {
max-width: 1000px;
-}
+} */
.loading-page, .not-found-page {
margin-top: 100px;
@@ -935,6 +958,31 @@ body > .container, .navbar > .container, body > .container, .content-wrap > div
text-align: center;
}
+.error-text-center {
+ margin-top: 40px;
+ display: flex;
+ justify-content: center;
+}
+
+.error-text-center h1 {
+ font-family: Inter;
+ font-weight: 500;
+ font-size: 40px;
+}
+
+.list-unstyled {
+ list-style: none;
+}
+
+.text-warning {
+ color: #ffc107 !important;
+ text-decoration: none;
+}
+
+.text-danger {
+ color: #DC3544 !important;
+}
+
/* recent table */
.blocks-table .blocks-table-row {
display: table;
@@ -983,6 +1031,7 @@ body > .container, .navbar > .container, body > .container, .content-wrap > div
.blocks-table-row {
color: #FFF !important;
+ box-sizing: border-box;
}
@@ -1052,6 +1101,7 @@ body > .container, .navbar > .container, body > .container, .content-wrap > div
.transactions-table-row {
color: #FFF !important;
+ box-sizing: border-box;
}
.highlighted-text {
@@ -1232,6 +1282,10 @@ body > .container, .navbar > .container, body > .container, .content-wrap > div
font-weight: 600;
}
+.float-right {
+ float: right;
+}
+
.details-btn {
width: 200px;
margin: 20px 30px;
@@ -1570,6 +1624,7 @@ body > .container, .navbar > .container, body > .container, .content-wrap > div
align-items: center;
justify-content: center;
padding: 10px;
+ box-sizing: border-box;
}
@@ -2799,6 +2854,38 @@ dl.mempool-histogram .bar:before {
width: 100%;
}
+#rawtx {
+ display: block;
+ width: 100%;
+ padding: .375rem .75rem;
+ box-sizing: border-box;
+ font-size: 1rem;
+ font-family: Inter;
+ line-height: 1.5;
+ border-radius: .25rem;
+ border: 1px solid #ced4da;
+}
+
+#rawtx:focus {
+ outline: 0;
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
+}
+
+.rawtx-label {
+ padding-top: calc(.5rem + 1px);
+ padding-bottom: calc(.5rem + 1px);
+ font-size: 1.25rem;
+ line-height: 1.5;
+ display: block;
+}
+
+.rawtx-label h1 {
+ font-weight: 500;
+ margin-bottom: .5rem;
+ font-size: 2.5rem;
+ line-height: 1.2;
+}
+
.search {
width: 35%;
}
@@ -2825,6 +2912,14 @@ dl.mempool-histogram .bar:before {
padding: 0px;
}
+.search-bar-input::placeholder {
+ color: #6c757d;
+}
+
+.qrcode-link img {
+ vertical-align: middle;
+}
+
.search-bar-submit {
align-items: center;
background: none;
@@ -2888,11 +2983,11 @@ h3.table-title{
margin: 10px 40px 30px;
}
-.dash-container .tx-container{
- margin-top: 50px;
+.tx-container, .block-container {
+ margin-top: 40px;
}
-.dash-container .view-more {
+.view-more {
display: flex;
width: 100%;
justify-content: center;
@@ -2900,7 +2995,7 @@ h3.table-title{
margin-top: 20px;
}
-.dash-container .view-more img{
+.view-more img{
margin-left: 5px;
width: 25px;
}