@matchain/matchid-sdk-react 0.1.37-alpha.0 → 0.1.37-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +19 -16
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -661,7 +661,7 @@ body {
|
|
|
661
661
|
flex-direction: column;
|
|
662
662
|
gap: 64px;
|
|
663
663
|
@media screen and (max-width: 768px) {
|
|
664
|
-
gap:36px;
|
|
664
|
+
gap: 36px;
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.matchid-email-verify-header, .matchid-password-header {
|
|
@@ -807,49 +807,52 @@ body {
|
|
|
807
807
|
position: relative;
|
|
808
808
|
display: inline-block;
|
|
809
809
|
|
|
810
|
-
.matchid-popover-
|
|
810
|
+
.matchid-popover-area {
|
|
811
|
+
display: none;
|
|
811
812
|
position: absolute;
|
|
812
813
|
z-index: 100;
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
814
|
+
.matchid-popover-content {
|
|
815
|
+
background: var(--matchid-popover-bg);
|
|
816
|
+
box-shadow: var(--matchid-shadow-middle);
|
|
817
|
+
border-radius: 12px;
|
|
818
|
+
padding: 16px 0;
|
|
819
|
+
border: 1px solid var(--matchid-popover-bg);
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
.matchid-popover-content:hover {
|
|
823
|
+
border: 1px solid var(--matchid-highlight-orange);
|
|
824
|
+
}
|
|
820
825
|
|
|
821
|
-
.matchid-popover-content:hover {
|
|
822
|
-
border: 1px solid var(--matchid-highlight-orange);
|
|
823
826
|
}
|
|
824
827
|
|
|
825
828
|
&.matchid-popover-click-active {
|
|
826
|
-
.matchid-popover-
|
|
829
|
+
.matchid-popover-area{
|
|
827
830
|
display: block;
|
|
828
831
|
}
|
|
829
832
|
}
|
|
830
833
|
|
|
831
834
|
&.matchid-popover-hover:hover {
|
|
832
|
-
.matchid-popover-
|
|
835
|
+
.matchid-popover-area{
|
|
833
836
|
display: block;
|
|
834
837
|
}
|
|
835
838
|
}
|
|
836
839
|
|
|
837
840
|
&.matchid-popover-left {
|
|
838
|
-
.matchid-popover-
|
|
841
|
+
.matchid-popover-area {
|
|
839
842
|
left: 0;
|
|
840
843
|
top: 100%;
|
|
841
844
|
}
|
|
842
845
|
}
|
|
843
846
|
|
|
844
847
|
&.matchid-popover-right {
|
|
845
|
-
.matchid-popover-
|
|
848
|
+
.matchid-popover-area {
|
|
846
849
|
right: 0;
|
|
847
850
|
top: 100%;
|
|
848
851
|
}
|
|
849
852
|
}
|
|
850
853
|
|
|
851
854
|
&.matchid-popover-center {
|
|
852
|
-
.matchid-popover-
|
|
855
|
+
.matchid-popover-area {
|
|
853
856
|
left: 50%;
|
|
854
857
|
top: 100%;
|
|
855
858
|
transform: translateX(-50%);
|
package/dist/index.js
CHANGED
|
@@ -2060,7 +2060,7 @@ function Popover({
|
|
|
2060
2060
|
children,
|
|
2061
2061
|
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: {
|
|
2062
2062
|
paddingTop: gap
|
|
2063
|
-
}, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
2063
|
+
}, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
2064
2064
|
]
|
|
2065
2065
|
}
|
|
2066
2066
|
);
|