@loafmarkets/ui 0.1.41 → 0.1.42
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 +13 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4877,7 +4877,7 @@ var Header = ({
|
|
|
4877
4877
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4878
4878
|
/* @__PURE__ */ jsxRuntime.jsx(SafeAreaCover, {}),
|
|
4879
4879
|
/* @__PURE__ */ jsxRuntime.jsx(Overlay, { $isOpen: isMobileMenuOpen, onClick: () => setIsMobileMenuOpen(false) }),
|
|
4880
|
-
/* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer, { children: [
|
|
4880
|
+
/* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer, { id: "loaf-header", children: [
|
|
4881
4881
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
|
|
4882
4882
|
/* @__PURE__ */ jsxRuntime.jsxs(Logo, { children: [
|
|
4883
4883
|
/* @__PURE__ */ jsxRuntime.jsx(LogoLink, { href: logoHref ?? resolvedHomePath, onClick: handleLogoNavigation, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: Loaf_logo_Banner_default, alt: "LOAF Logo" }) }),
|
|
@@ -5115,6 +5115,7 @@ var Header = ({
|
|
|
5115
5115
|
)
|
|
5116
5116
|
] })
|
|
5117
5117
|
] }),
|
|
5118
|
+
/* @__PURE__ */ jsxRuntime.jsx(HeaderSpacer, {}),
|
|
5118
5119
|
LoginPopupComponent && showLoginPopup && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5119
5120
|
LoginPopupComponent,
|
|
5120
5121
|
{
|
|
@@ -5188,8 +5189,10 @@ var HeaderContainer = styled24__default.default.header`
|
|
|
5188
5189
|
padding-top: env(safe-area-inset-top, 0px);
|
|
5189
5190
|
background-color: #0d1117;
|
|
5190
5191
|
border-bottom: 1px solid #232a32;
|
|
5191
|
-
position:
|
|
5192
|
+
position: fixed;
|
|
5192
5193
|
top: 0;
|
|
5194
|
+
left: 0;
|
|
5195
|
+
right: 0;
|
|
5193
5196
|
z-index: 1000;
|
|
5194
5197
|
width: 100%;
|
|
5195
5198
|
/* Fallback min-height for browsers that can't evaluate calc+env */
|
|
@@ -5202,6 +5205,12 @@ var HeaderContainer = styled24__default.default.header`
|
|
|
5202
5205
|
padding-top: env(safe-area-inset-top, 0px);
|
|
5203
5206
|
}
|
|
5204
5207
|
`;
|
|
5208
|
+
var HeaderSpacer = styled24__default.default.div`
|
|
5209
|
+
width: 100%;
|
|
5210
|
+
min-height: 56px;
|
|
5211
|
+
min-height: calc(56px + env(safe-area-inset-top, 0px));
|
|
5212
|
+
flex-shrink: 0;
|
|
5213
|
+
`;
|
|
5205
5214
|
var Logo = styled24__default.default.div`
|
|
5206
5215
|
display: flex;
|
|
5207
5216
|
align-items: center;
|
|
@@ -5254,10 +5263,12 @@ var Nav = styled24__default.default.nav`
|
|
|
5254
5263
|
@media (max-width: 1300px) {
|
|
5255
5264
|
position: fixed;
|
|
5256
5265
|
top: 56px;
|
|
5266
|
+
top: calc(56px + env(safe-area-inset-top, 0px));
|
|
5257
5267
|
right: ${(props) => props.$isOpen ? "0" : "-100%"} ;
|
|
5258
5268
|
width: 280px;
|
|
5259
5269
|
max-width: 280px;
|
|
5260
5270
|
height: calc(100vh - 56px);
|
|
5271
|
+
height: calc(100vh - 56px - env(safe-area-inset-top, 0px));
|
|
5261
5272
|
background: linear-gradient(180deg, #0f1419 0%, #0a0e13 100%);
|
|
5262
5273
|
z-index: 1000;
|
|
5263
5274
|
transition: right 0.3s ease;
|