-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
37 lines (37 loc) · 4.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<div style="width: 100%; height: 100%; padding: 24px; background: #202124; border-radius: 16px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 120px; display: inline-flex">
<div style="width: 134px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
<div style="align-self: stretch; height: 24px; color: #C4CBD5; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 500; line-height: 21px; word-wrap: break-word">Transaction Hash</div>
<div style="align-self: stretch; height: 24px; color: #C4CBD5; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 500; line-height: 21px; word-wrap: break-word">Status</div>
<div style="align-self: stretch; height: 24px; color: #C4CBD5; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 500; line-height: 21px; word-wrap: break-word">Block Hash</div>
<div style="align-self: stretch; height: 24px; color: #C4CBD5; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 500; line-height: 21px; word-wrap: break-word">Category</div>
<div style="align-self: stretch; height: 24px; color: #C4CBD5; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 500; line-height: 21px; word-wrap: break-word">Timestamp</div>
</div>
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
<div style="align-self: stretch; height: 24px; justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
<div style="color: #F5F6F8; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 400; line-height: 20px; word-wrap: break-word">0x2d2269c5863cc504fef489cca963f3f2beb197b6a80cd1820357d6b5447408df</div>
</div>
<div style="justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
<div style="width: 85px; padding-left: 8px; padding-right: 8px; background: #51DCBD; border-radius: 12px; justify-content: flex-start; align-items: center; gap: 4px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 10px; display: flex">
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
<div style="width: 16px; height: 16px; padding: 5px; flex-direction: column; justify-content: center; align-items: center; gap: 5px; display: flex">
<div style="width: 12px; height: 8.21px; border: 1px #006B53 solid"></div>
</div>
</div>
</div>
<div style="color: #00513F; font-size: 12px; font-family: FK Grotesk Neue; font-weight: 500; line-height: 18px; word-wrap: break-word">Success</div>
</div>
</div>
<div style="height: 24px; justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
<div style="color: #F5F6F8; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 400; line-height: 20px; word-wrap: break-word">0x967143d6a6bdbf7db45ad1f7b0eda059299b5dde45348fc58c2ce4df28a08cc5</div>
</div>
<div style="height: 24px; justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
<div style="color: #F5F6F8; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 400; line-height: 20px; word-wrap: break-word">Notification</div>
</div>
<div style="height: 24px; justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
<div style="color: #757D8D; font-size: 14px; font-family: FK Grotesk Neue; font-weight: 400; line-height: 20px; word-wrap: break-word">40 minutes ago, Sun, Jul 21 2024 18:33:47 GMT</div>
</div>
</div>
</div>
</div>