sphere-connect 1.0.4 → 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.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
- /* @__PURE__ */ jsx("style", { children: `
1242
- @keyframes sphere-spin {
1243
- 0% { transform: rotate(0deg); }
1244
- 100% { transform: rotate(360deg); }
1245
- }
1246
- ` }),
1247
- /* @__PURE__ */ jsxs("div", { style: styles.footer, children: [
1248
- "Protected by ",
1249
- /* @__PURE__ */ jsx("strong", { children: "Sphere" })
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 = {
@@ -1280,13 +1280,12 @@ var styles = {
1280
1280
  flexDirection: "column",
1281
1281
  padding: "24px",
1282
1282
  boxSizing: "border-box",
1283
- justifyContent: "center"
1283
+ justifyContent: "space-between"
1284
1284
  },
1285
1285
  header: {
1286
1286
  display: "flex",
1287
1287
  justifyContent: "space-between",
1288
1288
  alignItems: "center",
1289
- marginBottom: "24px",
1290
1289
  width: "100%"
1291
1290
  },
1292
1291
  title: {
@@ -1314,7 +1313,9 @@ var styles = {
1314
1313
  display: "flex",
1315
1314
  flexDirection: "column",
1316
1315
  alignItems: "center",
1317
- width: "100%"
1316
+ justifyContent: "center",
1317
+ width: "100%",
1318
+ flex: 1
1318
1319
  },
1319
1320
  socialButton: {
1320
1321
  display: "flex",
@@ -1360,7 +1361,6 @@ var styles = {
1360
1361
  animation: "sphere-spin 0.8s linear infinite"
1361
1362
  },
1362
1363
  footer: {
1363
- marginTop: "20px",
1364
1364
  textAlign: "center",
1365
1365
  fontSize: "11px",
1366
1366
  color: "#475569"