trepur_components 0.2.30 → 0.2.31
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/components/Nav/index.js +24 -8
- package/package.json +1 -1
|
@@ -45,7 +45,11 @@ const Nav = _ref => {
|
|
|
45
45
|
dropdownNavHeight,
|
|
46
46
|
mobileLogo,
|
|
47
47
|
mobileLogoBannerClasses,
|
|
48
|
-
mobileNavLogoLink
|
|
48
|
+
mobileNavLogoLink,
|
|
49
|
+
fixedTop,
|
|
50
|
+
mobileClasses,
|
|
51
|
+
borderBottom,
|
|
52
|
+
borderBottomColor
|
|
49
53
|
} = _ref;
|
|
50
54
|
//---------- Styling ---------------
|
|
51
55
|
const [styles, setStyles] = (0, _react.useState)({
|
|
@@ -121,15 +125,23 @@ const Nav = _ref => {
|
|
|
121
125
|
|
|
122
126
|
let logoImageClassList = "h-16 w-auto ";
|
|
123
127
|
logoImageClassList += mobileLogoBannerClasses ? mobileLogoBannerClasses : '';
|
|
128
|
+
let mobileClassList = "flex items-center lg:hidden py-2";
|
|
129
|
+
mobileClassList += mobileClasses ? " ".concat(mobileClasses) : '';
|
|
130
|
+
mobileClassList += fixedTop ? ' fixed w-full z-50 top-0 mt-0' : '';
|
|
131
|
+
mobileClassList += borderBottom ? ' border-b' : '';
|
|
132
|
+
let desktopClassList = 'hidden lg:block items-center justify-between sm:items-stretch text-center';
|
|
133
|
+
desktopClassList += fixedTop ? ' fixed w-full z-50 top-0 mt-0' : '';
|
|
134
|
+
desktopClassList += borderBottom ? ' border-b border-rose-500' : '';
|
|
124
135
|
return /*#__PURE__*/_react.default.createElement("nav", {
|
|
125
136
|
id: id,
|
|
126
|
-
className: classes
|
|
137
|
+
className: classes
|
|
138
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
139
|
+
id: "sm-nav",
|
|
140
|
+
className: mobileClassList,
|
|
127
141
|
style: {
|
|
128
|
-
'background-color': bgColor
|
|
142
|
+
'background-color': bgColor,
|
|
143
|
+
'border-color': borderBottomColor
|
|
129
144
|
}
|
|
130
|
-
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
131
|
-
id: "sm-nav",
|
|
132
|
-
className: "relative flex items-center lg:hidden py-2"
|
|
133
145
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
134
146
|
id: "nav-collapse-btn-wrapper",
|
|
135
147
|
className: "absolute inset-y-0 left-2 flex items-center"
|
|
@@ -169,7 +181,11 @@ const Nav = _ref => {
|
|
|
169
181
|
src: mobileLogo,
|
|
170
182
|
alt: " Logo "
|
|
171
183
|
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
172
|
-
className:
|
|
184
|
+
className: desktopClassList,
|
|
185
|
+
style: {
|
|
186
|
+
'background-color': bgColor,
|
|
187
|
+
'border-color': borderBottomColor
|
|
188
|
+
}
|
|
173
189
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
174
190
|
className: 'flex ' + firstRowClasses
|
|
175
191
|
}, firstRow && firstRow.map(rowItem => {
|
|
@@ -202,7 +218,7 @@ const Nav = _ref => {
|
|
|
202
218
|
lg: rowItem.lgColumnWidth,
|
|
203
219
|
xl: rowItem.xlColumnWidth
|
|
204
220
|
}, rowItem.component);
|
|
205
|
-
})))
|
|
221
|
+
}))), asSideBar ? /*#__PURE__*/_react.default.createElement("div", {
|
|
206
222
|
style: sideNavWidth,
|
|
207
223
|
className: "z-50 shadow-inner shaddow-lg lg:hidden pt-20 fixed top-0 left-0 z-1 overflow-hidden h-full w-0 duration-700"
|
|
208
224
|
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|