@matchain/matchid-sdk-react 0.1.44-alpha.8 → 0.1.45
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 +22 -13
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -7,6 +7,7 @@ body {
|
|
|
7
7
|
--matchid-black-800: #1E1E1E;
|
|
8
8
|
--matchid-gray-600: #6E6E6E;
|
|
9
9
|
--matchid-gray-400: #B6B6B6;
|
|
10
|
+
--matchid-gray-350: #D3D3D3;
|
|
10
11
|
--matchid-gray-300: #E3E3E3;
|
|
11
12
|
--matchid-gray-200: #F3F3F3;
|
|
12
13
|
--matchid-gray-100: #F8F8F8;
|
|
@@ -74,7 +75,7 @@ body {
|
|
|
74
75
|
--matchid-btn-color: var(--matchid-black);
|
|
75
76
|
--matchid-btn-bg: var(--matchid-white);
|
|
76
77
|
|
|
77
|
-
--matchid-btn-disabled-bg: var(--matchid-gray-
|
|
78
|
+
--matchid-btn-disabled-bg: var(--matchid-gray-350);
|
|
78
79
|
--matchid-btn-disabled-color: var(--matchid-white);
|
|
79
80
|
|
|
80
81
|
--matchid-btn-hover-bg: var(--matchid-black-800);
|
|
@@ -969,15 +970,18 @@ body {
|
|
|
969
970
|
flex-direction: column;
|
|
970
971
|
border-left: 1px solid #D3D3D3;
|
|
971
972
|
box-shadow: -20px 0px 20px 0px rgba(22, 17, 46, 0.12);
|
|
972
|
-
|
|
973
|
+
|
|
974
|
+
.matchid-drawer-header {
|
|
973
975
|
display: flex;
|
|
974
976
|
justify-content: flex-end;
|
|
975
|
-
|
|
977
|
+
|
|
978
|
+
.matchid-drawer-header-close {
|
|
976
979
|
cursor: pointer;
|
|
977
980
|
}
|
|
978
981
|
}
|
|
979
982
|
}
|
|
980
|
-
|
|
983
|
+
|
|
984
|
+
.matchid-hashpanel-header {
|
|
981
985
|
font-size: 16px;
|
|
982
986
|
font-weight: 500;
|
|
983
987
|
display: block;
|
|
@@ -986,17 +990,18 @@ body {
|
|
|
986
990
|
}
|
|
987
991
|
}
|
|
988
992
|
|
|
989
|
-
.matchid-hashpanel-box{
|
|
993
|
+
.matchid-hashpanel-box {
|
|
990
994
|
display: flex;
|
|
991
995
|
flex-direction: column;
|
|
992
|
-
gap:36px;
|
|
996
|
+
gap: 36px;
|
|
993
997
|
align-items: center;
|
|
994
998
|
@media screen and (min-width: 768px) {
|
|
995
999
|
justify-content: space-between;
|
|
996
1000
|
flex: 1;
|
|
997
1001
|
padding-bottom: 120px;
|
|
998
1002
|
}
|
|
999
|
-
|
|
1003
|
+
|
|
1004
|
+
.matchid-hashpanel-content {
|
|
1000
1005
|
display: flex;
|
|
1001
1006
|
flex-direction: column;
|
|
1002
1007
|
gap: 24px;
|
|
@@ -1005,7 +1010,8 @@ body {
|
|
|
1005
1010
|
@media screen and (min-width: 768px) {
|
|
1006
1011
|
gap: 48px;
|
|
1007
1012
|
}
|
|
1008
|
-
|
|
1013
|
+
|
|
1014
|
+
.matchid-hashpanel-status {
|
|
1009
1015
|
font-size: 24px;
|
|
1010
1016
|
font-weight: 500;
|
|
1011
1017
|
display: none;
|
|
@@ -1013,18 +1019,21 @@ body {
|
|
|
1013
1019
|
display: block;
|
|
1014
1020
|
}
|
|
1015
1021
|
}
|
|
1016
|
-
|
|
1017
|
-
|
|
1022
|
+
|
|
1023
|
+
.matchid-hashpanel-img {
|
|
1024
|
+
width: 96px;
|
|
1018
1025
|
height: 96px;
|
|
1019
1026
|
}
|
|
1020
|
-
|
|
1027
|
+
|
|
1028
|
+
.matchid-hashpanel-hash {
|
|
1021
1029
|
width: 100%;
|
|
1022
1030
|
font-size: 14px;
|
|
1023
1031
|
word-break: break-all;
|
|
1024
|
-
@media screen and (min-width: 768px){
|
|
1032
|
+
@media screen and (min-width: 768px) {
|
|
1025
1033
|
font-size: 16px;
|
|
1026
1034
|
}
|
|
1027
|
-
|
|
1035
|
+
|
|
1036
|
+
a {
|
|
1028
1037
|
color: #006FFF;
|
|
1029
1038
|
text-decoration: none;
|
|
1030
1039
|
}
|