@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.mjs
CHANGED
|
@@ -4852,7 +4852,7 @@ var Header = ({
|
|
|
4852
4852
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4853
4853
|
/* @__PURE__ */ jsx(SafeAreaCover, {}),
|
|
4854
4854
|
/* @__PURE__ */ jsx(Overlay, { $isOpen: isMobileMenuOpen, onClick: () => setIsMobileMenuOpen(false) }),
|
|
4855
|
-
/* @__PURE__ */ jsxs(HeaderContainer, { children: [
|
|
4855
|
+
/* @__PURE__ */ jsxs(HeaderContainer, { id: "loaf-header", children: [
|
|
4856
4856
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
|
|
4857
4857
|
/* @__PURE__ */ jsxs(Logo, { children: [
|
|
4858
4858
|
/* @__PURE__ */ jsx(LogoLink, { href: logoHref ?? resolvedHomePath, onClick: handleLogoNavigation, children: /* @__PURE__ */ jsx("img", { src: Loaf_logo_Banner_default, alt: "LOAF Logo" }) }),
|
|
@@ -5090,6 +5090,7 @@ var Header = ({
|
|
|
5090
5090
|
)
|
|
5091
5091
|
] })
|
|
5092
5092
|
] }),
|
|
5093
|
+
/* @__PURE__ */ jsx(HeaderSpacer, {}),
|
|
5093
5094
|
LoginPopupComponent && showLoginPopup && /* @__PURE__ */ jsx(
|
|
5094
5095
|
LoginPopupComponent,
|
|
5095
5096
|
{
|
|
@@ -5163,8 +5164,10 @@ var HeaderContainer = styled24.header`
|
|
|
5163
5164
|
padding-top: env(safe-area-inset-top, 0px);
|
|
5164
5165
|
background-color: #0d1117;
|
|
5165
5166
|
border-bottom: 1px solid #232a32;
|
|
5166
|
-
position:
|
|
5167
|
+
position: fixed;
|
|
5167
5168
|
top: 0;
|
|
5169
|
+
left: 0;
|
|
5170
|
+
right: 0;
|
|
5168
5171
|
z-index: 1000;
|
|
5169
5172
|
width: 100%;
|
|
5170
5173
|
/* Fallback min-height for browsers that can't evaluate calc+env */
|
|
@@ -5177,6 +5180,12 @@ var HeaderContainer = styled24.header`
|
|
|
5177
5180
|
padding-top: env(safe-area-inset-top, 0px);
|
|
5178
5181
|
}
|
|
5179
5182
|
`;
|
|
5183
|
+
var HeaderSpacer = styled24.div`
|
|
5184
|
+
width: 100%;
|
|
5185
|
+
min-height: 56px;
|
|
5186
|
+
min-height: calc(56px + env(safe-area-inset-top, 0px));
|
|
5187
|
+
flex-shrink: 0;
|
|
5188
|
+
`;
|
|
5180
5189
|
var Logo = styled24.div`
|
|
5181
5190
|
display: flex;
|
|
5182
5191
|
align-items: center;
|
|
@@ -5229,10 +5238,12 @@ var Nav = styled24.nav`
|
|
|
5229
5238
|
@media (max-width: 1300px) {
|
|
5230
5239
|
position: fixed;
|
|
5231
5240
|
top: 56px;
|
|
5241
|
+
top: calc(56px + env(safe-area-inset-top, 0px));
|
|
5232
5242
|
right: ${(props) => props.$isOpen ? "0" : "-100%"} ;
|
|
5233
5243
|
width: 280px;
|
|
5234
5244
|
max-width: 280px;
|
|
5235
5245
|
height: calc(100vh - 56px);
|
|
5246
|
+
height: calc(100vh - 56px - env(safe-area-inset-top, 0px));
|
|
5236
5247
|
background: linear-gradient(180deg, #0f1419 0%, #0a0e13 100%);
|
|
5237
5248
|
z-index: 1000;
|
|
5238
5249
|
transition: right 0.3s ease;
|