diff --git a/vscout2.html b/vscout2.html index 6d1899e..216b7fc 100644 --- a/vscout2.html +++ b/vscout2.html @@ -539,7 +539,7 @@ .container1 { display: flex; - flex-direction: row; + flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 30px 15px 30px; @@ -547,7 +547,7 @@ .box1class { - width: 195px; + width: 240px; height: 122px; color: #828ba0; @@ -617,46 +617,54 @@ padding-top: 10px; } - .transactions-token-transfer { - width: auto; - height: 132px; - border-radius: 4px; - border: 1px solid #dee2e6; - border-left: 4px solid #ef9a60; - margin-right: 15px; - margin-left: 15px; - margin-top: 9px; - margin-bottom: 9px; - flex-shrink: 0; - - color: #a5b2cf; - - font-size: 12px; - line-height: 1.4rem; - } .color-block-token-transfer { - background-color: rgba(239,154,96,.1); + background-color: rgba(239, 154, 96, .1); border-bottom: 1px solid #ef9a60; border-right: 1px solid #ef9a60; border-top: 1px solid #ef9a60; color: #ef9a60; - height:132px; - width:172px; - align-items: center; + height: 132px; + width: 172px; margin-top: -1px; margin-left: -4px; border-radius: 4px 0px 0px 4px; + + display: flex; + flex-direction: column; + align-items: center; + flex-shrink: 0; + justify-content: center; } - .transactions-transaction { + .color-block-token-creation { + background-color: rgba(239, 211, 96, .1); + border-bottom: 1px solid #FB0112; + border-right: 1px solid #FB0112; + border-top: 1px solid #FB0112; + color: #FB0112; + + height: 132px; + width: 172px; + + margin-top: -1px; + margin-left: -4px; + border-radius: 4px 0px 0px 4px; + + display: flex; + flex-direction: column; + align-items: center; + flex-shrink: 0; + justify-content: center; + } + + .transactions { width: auto; - height: 100px; - border: 1px solid #dee2e6; - border-left: 4px solid #4786ff; border-radius: 4px; + border: 1px solid #dee2e6; + margin-right: 15px; margin-left: 15px; margin-top: 9px; @@ -669,37 +677,86 @@ line-height: 1.4rem; } + .token-transfer { + height: 132px; + border-left: 4px solid #ef9a60; + } + + .token-creation { + height: 132px; + border-left: 4px solid #FB0112; + } + + .transaction { + height: 100px; + border-left: 4px solid #4786ff; + } + .color-block-transaction { - background-color: rgba(71,134,255,.1); + background-color: rgba(71, 134, 255, .1); border-bottom: 1px solid #4786ff; border-right: 1px solid #4786ff; border-top: 1px solid #4786ff; color: #4786ff; - height:100px; - width:172px; - align-items: center; + height: 100px; + width: 172px; margin-top: -1px; margin-left: -4px; border-radius: 4px 0px 0px 4px; + + display: flex; + flex-direction: column; + align-items: center; + flex-shrink: 0; + justify-content: center; } - .transactions-transaction-content{ - position: relative; + .transactions-content { width: 100%; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; - - -webkit-box-orient: vertical!important; - -webkit-box-direction: normal!important; - flex-direction: column!important; - display: flex!important; - padding-right: 0!important; - flex: 0 0 66.66666667%; max-width: 66.66666667%; + padding: 16px 0px 16px 15px; + + display: flex; + align-items: flex-start; + flex-direction: column; + flex: 0 0 66.66666667%; + } + + .transactions a { + color: #5c34a2; + text-decoration: none; + overflow: hidden; + + text-overflow: ellipsis; + white-space: nowrap; + + font-size: 12px; + line-height: 1.4rem; + } + + .transactions-token-transfer-content { + width: 100%; + max-width: 66.66666667%; + padding: 16px 0px 16px 15px; + + display: flex; + align-items: flex-start; + flex-direction: column; + flex: 0 0 66.66666667%; + } + + + .blockinfo { + text-align: right; + padding: 16px 15px 16px 15px; + width: 100%; + + display: flex; + flex-direction: column; + justify-content: center } .container2 { @@ -847,73 +904,150 @@ - - -
+
-
- -
-
Test Data
+

+ Blocks

+ +
+
+ +
+
Test Data
+
+
+
+ +
+
Test Data
+
+
+
+ +
+
Test Data
+
+
+
+ +
+
Test Data
+
-
-
-
+
-
+
-

+

Transactions

-
-
-
- - Token Transfer - - Token Transfer +
+
+
+ + Token Creation + + RMT +
+ +
+ Block + #3445463 +
1 min ago
-
-
-
-
-
- - Transactions - - Success +
+
+
+ + Token Transfer + + RMT +
+ +
+ Block + #3445463 +
1 min ago
+
+
+
+ +
+
+
+ + Transactions + + Success +
+ +
+ Block + #3445463 +
1 min ago
-
kjhkjkjdf
-
-
@@ -925,8 +1059,6 @@
- - - -