sphere-connect 1.0.3 → 1.0.5
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.js +19 -16
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -16
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1237,18 +1237,18 @@ var SphereModal = ({ isOpen, onClose }) => {
|
|
|
1237
1237
|
]
|
|
1238
1238
|
}
|
|
1239
1239
|
),
|
|
1240
|
-
error && /* @__PURE__ */ jsx("div", { style: styles.errorBanner, children: error })
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1240
|
+
error && /* @__PURE__ */ jsx("div", { style: styles.errorBanner, children: error })
|
|
1241
|
+
] }),
|
|
1242
|
+
/* @__PURE__ */ jsxs("div", { style: styles.footer, children: [
|
|
1243
|
+
"Protected by ",
|
|
1244
|
+
/* @__PURE__ */ jsx("strong", { children: "Sphere" })
|
|
1245
|
+
] }),
|
|
1246
|
+
/* @__PURE__ */ jsx("style", { children: `
|
|
1247
|
+
@keyframes sphere-spin {
|
|
1248
|
+
0% { transform: rotate(0deg); }
|
|
1249
|
+
100% { transform: rotate(360deg); }
|
|
1250
|
+
}
|
|
1251
|
+
` })
|
|
1252
1252
|
] }) });
|
|
1253
1253
|
};
|
|
1254
1254
|
var styles = {
|
|
@@ -1270,6 +1270,7 @@ var styles = {
|
|
|
1270
1270
|
color: "#ffffff",
|
|
1271
1271
|
width: "90%",
|
|
1272
1272
|
maxWidth: "360px",
|
|
1273
|
+
aspectRatio: "1/1",
|
|
1273
1274
|
borderRadius: "0",
|
|
1274
1275
|
position: "relative",
|
|
1275
1276
|
boxShadow: "0 0 0 1px #222, 0 25px 60px rgba(0, 0, 0, 0.7)",
|
|
@@ -1278,13 +1279,14 @@ var styles = {
|
|
|
1278
1279
|
display: "flex",
|
|
1279
1280
|
flexDirection: "column",
|
|
1280
1281
|
padding: "24px",
|
|
1281
|
-
boxSizing: "border-box"
|
|
1282
|
+
boxSizing: "border-box",
|
|
1283
|
+
justifyContent: "space-between"
|
|
1282
1284
|
},
|
|
1283
1285
|
header: {
|
|
1284
1286
|
display: "flex",
|
|
1285
1287
|
justifyContent: "space-between",
|
|
1286
1288
|
alignItems: "center",
|
|
1287
|
-
|
|
1289
|
+
width: "100%"
|
|
1288
1290
|
},
|
|
1289
1291
|
title: {
|
|
1290
1292
|
fontSize: "14px",
|
|
@@ -1311,7 +1313,9 @@ var styles = {
|
|
|
1311
1313
|
display: "flex",
|
|
1312
1314
|
flexDirection: "column",
|
|
1313
1315
|
alignItems: "center",
|
|
1314
|
-
|
|
1316
|
+
justifyContent: "center",
|
|
1317
|
+
width: "100%",
|
|
1318
|
+
flex: 1
|
|
1315
1319
|
},
|
|
1316
1320
|
socialButton: {
|
|
1317
1321
|
display: "flex",
|
|
@@ -1357,7 +1361,6 @@ var styles = {
|
|
|
1357
1361
|
animation: "sphere-spin 0.8s linear infinite"
|
|
1358
1362
|
},
|
|
1359
1363
|
footer: {
|
|
1360
|
-
marginTop: "20px",
|
|
1361
1364
|
textAlign: "center",
|
|
1362
1365
|
fontSize: "11px",
|
|
1363
1366
|
color: "#475569"
|