@loafmarkets/ui 0.1.276 → 0.1.278

package/dist/index.d.mts

@@ -612,6 +612,7 @@ type HeaderProps = {
     onProfileNavigate?: () => void;
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
+    onSettingsClick?: () => void;
     showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
 };

package/dist/index.d.ts

@@ -612,6 +612,7 @@ type HeaderProps = {
     onProfileNavigate?: () => void;
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
+    onSettingsClick?: () => void;
     showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
 };

package/dist/index.js

@@ -4940,6 +4940,7 @@ var Header = ({
   onProfileNavigate: _onProfileNavigate,
   onOrdersNavigate: _onOrdersNavigate,
   onWalletNavigate: _onWalletNavigate,
+  onSettingsClick,
   showTradeTab = true,
   portfolioSummary
 }) => {
@@ -5463,6 +5464,18 @@ var Header = ({
                 children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { children: "Add funding" })
               }
             ),
+            onSettingsClick && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (event) => {
+                  event?.preventDefault();
+                  closeMenus();
+                  onSettingsClick();
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { children: "Settings" })
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
@@ -14984,22 +14997,20 @@ var CDValue = styled9__default.default.div`
   font-variant-numeric: tabular-nums;
 `;
 var CActionRow = styled9__default.default.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.5rem;
+  display: flex;
+  gap: 0.35rem;
   margin-top: 0.5rem;
 `;
 var CCloseBtn = styled9__default.default.button`
   background: transparent;
   border: 1px solid rgba(230, 200, 126, 0.25);
-  border-radius: 6px;
-  padding: 0.45rem 0.6rem;
-  font-size: 0.72rem;
+  border-radius: 4px;
+  padding: 0.2rem 0.5rem;
+  font-size: 0.62rem;
   font-weight: 600;
   color: #E6C87E;
   cursor: pointer;
   white-space: nowrap;
-  text-align: center;
   transition: all 0.15s ease;
   &:hover {
     background: rgba(230, 200, 126, 0.1);