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.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 = {
@@ -1285,13 +1285,12 @@ var styles = {
1285
1285
  flexDirection: "column",
1286
1286
  padding: "24px",
1287
1287
  boxSizing: "border-box",
1288
- justifyContent: "center"
1288
+ justifyContent: "space-between"
1289
1289
  },
1290
1290
  header: {
1291
1291
  display: "flex",
1292
1292
  justifyContent: "space-between",
1293
1293
  alignItems: "center",
1294
- marginBottom: "24px",
1295
1294
  width: "100%"
1296
1295
  },
1297
1296
  title: {
@@ -1319,7 +1318,9 @@ var styles = {
1319
1318
  display: "flex",
1320
1319
  flexDirection: "column",
1321
1320
  alignItems: "center",
1322
- width: "100%"
1321
+ justifyContent: "center",
1322
+ width: "100%",
1323
+ flex: 1
1323
1324
  },
1324
1325
  socialButton: {
1325
1326
  display: "flex",
@@ -1365,7 +1366,6 @@ var styles = {
1365
1366
  animation: "sphere-spin 0.8s linear infinite"
1366
1367
  },
1367
1368
  footer: {
1368
- marginTop: "20px",
1369
1369
  textAlign: "center",
1370
1370
  fontSize: "11px",
1371
1371
  color: "#475569"