@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.mjs CHANGED
@@ -5978,7 +5978,7 @@ var PortfolioEyeButton = styled25.button`
5978
5978
  justify-content: center;
5979
5979
  color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.5)"};
5980
5980
  transition: all 0.2s ease;
5981
- margin-right: 4px;
5981
+ margin-right: 10px;
5982
5982
 
5983
5983
  &:hover {
5984
5984
  background: rgba(212, 175, 55, 0.2);
@@ -5987,7 +5987,7 @@ var PortfolioEyeButton = styled25.button`
5987
5987
 
5988
5988
  @media (max-width: 768px) {
5989
5989
  padding: 4px;
5990
- margin-right: 2px;
5990
+ margin-right: 6px;
5991
5991
  }
5992
5992
  `;
5993
5993
  var DepositButton = styled25.button`
@@ -6000,7 +6000,8 @@ var DepositButton = styled25.button`
6000
6000
  font-weight: 600;
6001
6001
  cursor: pointer;
6002
6002
  transition: background 0.15s;
6003
- margin-right: 6px;
6003
+ margin-left: 4px;
6004
+ margin-right: 12px;
6004
6005
  white-space: nowrap;
6005
6006
 
6006
6007
  &:hover {
@@ -6346,6 +6347,13 @@ var LoginPopup = ({
6346
6347
  onClose();
6347
6348
  }
6348
6349
  }, [autoCloseOnAuth, currentUser, isAuthenticated, onClose, view]);
6350
+ useEffect(() => {
6351
+ const handleEsc = (e) => {
6352
+ if (e.key === "Escape") onClose();
6353
+ };
6354
+ window.addEventListener("keydown", handleEsc);
6355
+ return () => window.removeEventListener("keydown", handleEsc);
6356
+ }, [onClose]);
6349
6357
  const handleWalletLogin = async () => {
6350
6358
  if (onWalletLogin) {
6351
6359
  try {
@@ -6819,7 +6827,7 @@ var LoginPopup = ({
6819
6827
  ] }) });
6820
6828
  }
6821
6829
  if (view === "funding") {
6822
- return /* @__PURE__ */ jsx(Overlay2, { children: /* @__PURE__ */ jsxs(
6830
+ return /* @__PURE__ */ jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxs(
6823
6831
  FundingPopupContainer,
6824
6832
  {
6825
6833
  onClick: (event) => event.stopPropagation(),