@volr/react-ui 0.1.78 → 0.1.80

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
@@ -500,6 +500,7 @@ var Modal = ({
500
500
  }, [open, onOpenChange, onEscapeKeyDown]);
501
501
  if (!open) return null;
502
502
  const isBottomSheet = variant === "bottom-sheet";
503
+ const hasCustomMaxWidth = contentClassName?.includes("max-w-");
503
504
  return /* @__PURE__ */ jsxs(ShadowPortal, { theme, children: [
504
505
  /* @__PURE__ */ jsx(
505
506
  "div",
@@ -533,7 +534,10 @@ var Modal = ({
533
534
  tabIndex: -1,
534
535
  className: cn(
535
536
  "volr:border volr:shadow-xl volr:overflow-y-auto volr:relative volr:w-full volr:pointer-events-auto volr-surface volr-border-strong",
536
- isBottomSheet ? "volr:max-w-full volr:max-h-[85vh] volr:rounded-t-3xl volr:px-4 volr:py-6 volr:shadow-2xl" : "volr:rounded-2xl volr:p-5 volr:max-w-md volr:w-full volr:max-h-[90vh]",
537
+ isBottomSheet ? "volr:max-w-full volr:max-h-[85vh] volr:rounded-t-3xl volr:px-4 volr:py-6 volr:shadow-2xl" : cn(
538
+ "volr:rounded-2xl volr:p-5 volr:w-full volr:max-h-[90vh]",
539
+ !hasCustomMaxWidth && "volr:max-w-md"
540
+ ),
537
541
  className,
538
542
  contentClassName
539
543
  ),
@@ -1609,7 +1613,7 @@ function SigninSelectScreen({
1609
1613
  /* @__PURE__ */ jsxs(
1610
1614
  "div",
1611
1615
  {
1612
- className: `volr:flex volr:flex-col volr:gap-4 ${showBrandingColumn ? "volr:p-4" : ""}`,
1616
+ className: `volr:flex volr:flex-col volr:h-full ${showBrandingColumn ? "volr:p-4" : ""}`,
1613
1617
  children: [
1614
1618
  /* @__PURE__ */ jsx(ModalHeader, { onClose }),
1615
1619
  /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-5", children: t("login.title") }),
@@ -1633,6 +1637,7 @@ function SigninSelectScreen({
1633
1637
  hasOnlySocialAndWallet && /* @__PURE__ */ jsx(Divider, {}),
1634
1638
  isSiweEnabled && /* @__PURE__ */ jsx(WalletOption, { onClick: () => onSelectMethod("siwe") })
1635
1639
  ] }),
1640
+ /* @__PURE__ */ jsx("div", { className: "volr:flex-1" }),
1636
1641
  /* @__PURE__ */ jsx(PoweredBy, {})
1637
1642
  ]
1638
1643
  }