@loafmarkets/ui 0.1.126 → 0.1.128

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
@@ -6004,7 +6004,7 @@ var PortfolioEyeButton = styled25__default.default.button`
6004
6004
  justify-content: center;
6005
6005
  color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.5)"};
6006
6006
  transition: all 0.2s ease;
6007
- margin-right: 4px;
6007
+ margin-right: 10px;
6008
6008
 
6009
6009
  &:hover {
6010
6010
  background: rgba(212, 175, 55, 0.2);
@@ -6013,7 +6013,7 @@ var PortfolioEyeButton = styled25__default.default.button`
6013
6013
 
6014
6014
  @media (max-width: 768px) {
6015
6015
  padding: 4px;
6016
- margin-right: 2px;
6016
+ margin-right: 6px;
6017
6017
  }
6018
6018
  `;
6019
6019
  var DepositButton = styled25__default.default.button`
@@ -6026,7 +6026,8 @@ var DepositButton = styled25__default.default.button`
6026
6026
  font-weight: 600;
6027
6027
  cursor: pointer;
6028
6028
  transition: background 0.15s;
6029
- margin-right: 6px;
6029
+ margin-left: 4px;
6030
+ margin-right: 12px;
6030
6031
  white-space: nowrap;
6031
6032
 
6032
6033
  &:hover {
@@ -6372,6 +6373,13 @@ var LoginPopup = ({
6372
6373
  onClose();
6373
6374
  }
6374
6375
  }, [autoCloseOnAuth, currentUser, isAuthenticated, onClose, view]);
6376
+ React5.useEffect(() => {
6377
+ const handleEsc = (e) => {
6378
+ if (e.key === "Escape") onClose();
6379
+ };
6380
+ window.addEventListener("keydown", handleEsc);
6381
+ return () => window.removeEventListener("keydown", handleEsc);
6382
+ }, [onClose]);
6375
6383
  const handleWalletLogin = async () => {
6376
6384
  if (onWalletLogin) {
6377
6385
  try {
@@ -6845,7 +6853,7 @@ var LoginPopup = ({
6845
6853
  ] }) });
6846
6854
  }
6847
6855
  if (view === "funding") {
6848
- return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { children: /* @__PURE__ */ jsxRuntime.jsxs(
6856
+ return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(
6849
6857
  FundingPopupContainer,
6850
6858
  {
6851
6859
  onClick: (event) => event.stopPropagation(),