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 CHANGED
@@ -1242,18 +1242,18 @@ var SphereModal = ({ isOpen, onClose }) => {
1242
1242
  ]
1243
1243
  }
1244
1244
  ),
1245
- error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.errorBanner, children: error }),
1246
- /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
1247
- @keyframes sphere-spin {
1248
- 0% { transform: rotate(0deg); }
1249
- 100% { transform: rotate(360deg); }
1250
- }
1251
- ` }),
1252
- /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.footer, children: [
1253
- "Protected by ",
1254
- /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Sphere" })
1255
- ] })
1256
- ] })
1245
+ error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.errorBanner, children: error })
1246
+ ] }),
1247
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.footer, children: [
1248
+ "Protected by ",
1249
+ /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Sphere" })
1250
+ ] }),
1251
+ /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
1252
+ @keyframes sphere-spin {
1253
+ 0% { transform: rotate(0deg); }
1254
+ 100% { transform: rotate(360deg); }
1255
+ }
1256
+ ` })
1257
1257
  ] }) });
1258
1258
  };
1259
1259
  var styles = {
@@ -1275,6 +1275,7 @@ var styles = {
1275
1275
  color: "#ffffff",
1276
1276
  width: "90%",
1277
1277
  maxWidth: "360px",
1278
+ aspectRatio: "1/1",
1278
1279
  borderRadius: "0",
1279
1280
  position: "relative",
1280
1281
  boxShadow: "0 0 0 1px #222, 0 25px 60px rgba(0, 0, 0, 0.7)",
@@ -1283,13 +1284,14 @@ var styles = {
1283
1284
  display: "flex",
1284
1285
  flexDirection: "column",
1285
1286
  padding: "24px",
1286
- boxSizing: "border-box"
1287
+ boxSizing: "border-box",
1288
+ justifyContent: "space-between"
1287
1289
  },
1288
1290
  header: {
1289
1291
  display: "flex",
1290
1292
  justifyContent: "space-between",
1291
1293
  alignItems: "center",
1292
- marginBottom: "24px"
1294
+ width: "100%"
1293
1295
  },
1294
1296
  title: {
1295
1297
  fontSize: "14px",
@@ -1316,7 +1318,9 @@ var styles = {
1316
1318
  display: "flex",
1317
1319
  flexDirection: "column",
1318
1320
  alignItems: "center",
1319
- width: "100%"
1321
+ justifyContent: "center",
1322
+ width: "100%",
1323
+ flex: 1
1320
1324
  },
1321
1325
  socialButton: {
1322
1326
  display: "flex",
@@ -1362,7 +1366,6 @@ var styles = {
1362
1366
  animation: "sphere-spin 0.8s linear infinite"
1363
1367
  },
1364
1368
  footer: {
1365
- marginTop: "20px",
1366
1369
  textAlign: "center",
1367
1370
  fontSize: "11px",
1368
1371
  color: "#475569"