@matchain/matchid-sdk-react 0.1.42-alpha.2 → 0.1.42-alpha.4

package/dist/hooks/index.mjs

@@ -4,7 +4,8 @@ import {
   useMatchEvents,
   useUserInfo,
   useWallet
-} from "../chunk-PZPEWHBV.mjs";
+} from "../chunk-GEM2V3W6.mjs";
+import "../chunk-SQIJR7RA.mjs";
 import "../chunk-DPXMCLYK.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/index.css

@@ -587,6 +587,7 @@ body {
     cursor: not-allowed;
     background: var(--matchid-btn-disabled-bg);
     color: var(--matchid-btn-disabled-color);
+    border-width: 0px;
 }
 
 .matchid-btn-loading {
@@ -811,6 +812,7 @@ body {
         display: none;
         position: absolute;
         z-index: 100;
+
         .matchid-popover-content {
             background: var(--matchid-popover-bg);
             box-shadow: var(--matchid-shadow-middle);
@@ -826,13 +828,13 @@ body {
     }
 
     &.matchid-popover-click-active {
-        .matchid-popover-area{
+        .matchid-popover-area {
             display: block;
         }
     }
 
     &.matchid-popover-hover:hover {
-        .matchid-popover-area{
+        .matchid-popover-area {
             display: block;
         }
     }
@@ -945,9 +947,87 @@ body {
     padding-right: 0;
 }
 
-.matchid-cex-modal{
+.matchid-cex-modal {
     font-size: 14px;
     display: flex;
     flex-direction: column;
-    gap:12px;
+    gap: 12px;
+}
+
+.matchid-drawer {
+
+    width: 416px;
+    height: 100vh;
+    padding: 24px 24px 0;
+    background: #FFFFFF;
+    display: flex;
+    gap: 48px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    transition: all 0.3s;
+    flex-direction: column;
+    border-left: 1px solid #D3D3D3;
+    box-shadow: -20px 0px 20px 0px rgba(22, 17, 46, 0.12);
+    .matchid-drawer-header{
+        display: flex;
+        justify-content: flex-end;
+        .matchid-drawer-header-close{
+            cursor: pointer;
+        }
+    }
+}
+.matchid-hashpanel-header{
+    font-size: 16px;
+    font-weight: 500;
+    display: block;
+    @media screen and (min-width: 768px) {
+        display: none;
+    }
+}
+
+.matchid-hashpanel-box{
+    display: flex;
+    flex-direction: column;
+    gap:36px;
+    align-items: center;
+    @media screen and (min-width: 768px) {
+        justify-content: space-between;
+        flex: 1;
+        padding-bottom: 120px;
+    }
+    .matchid-hashpanel-content{
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+        align-items: center;
+        width: 100%;
+        @media screen and (min-width: 768px) {
+            gap: 48px;
+        }
+        .matchid-hashpanel-status{
+            font-size: 24px;
+            font-weight: 500;
+            display: none;
+            @media screen and (min-width: 768px) {
+                display: block;
+            }
+        }
+        .matchid-hashpanel-img{
+            width:96px;
+            height: 96px;
+        }
+        .matchid-hashpanel-hash{
+            width: 100%;
+            font-size: 14px;
+            word-break: break-all;
+            @media screen and (min-width: 768px){
+                font-size: 16px;
+            }
+            a{
+                color: #006FFF;
+                text-decoration: none;
+            }
+        }
+    }
 }