@uxf/cms 6.0.0-beta.30 → 6.0.0-beta.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/lib/Layout/Sidebar.js +4 -4
- package/package.json +3 -3
- package/utils/styles.css +21 -0
package/lib/Layout/Sidebar.js
CHANGED
|
@@ -52,14 +52,14 @@ var Sidebar = function (props) {
|
|
|
52
52
|
var menuConfiguration = props.menuConfiguration, Logo = props.Logo, CustomSidebar = props.CustomSidebar;
|
|
53
53
|
var _a = __read((0, react_1.useState)(false), 2), isMenuOpen = _a[0], setIsMenuOpen = _a[1];
|
|
54
54
|
var toggleMenu = function () { return setIsMenuOpen(function (prev) { return !prev; }); };
|
|
55
|
-
return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "fixed z-1 flex w-full flex-col sm:w-[var(--drawerWidth)]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
|
|
55
|
+
return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "sidebar fixed z-1 flex w-full flex-col sm:w-[var(--drawerWidth)]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
|
|
56
56
|
react_1.default.createElement("div", { className: "h-[calc(100vh_-_48px)] flex-col bg-sidebar-background pt-5 sm:h-screen ".concat(isMenuOpen ? "flex" : "hidden sm:flex") },
|
|
57
|
-
react_1.default.createElement("div", { className: "px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
|
|
57
|
+
react_1.default.createElement("div", { className: "sidebar__logo px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
|
|
58
58
|
menuConfiguration && menuConfiguration.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
59
|
-
react_1.default.createElement("div", { className: "grow overflow-auto px-2 sm:px-0 ".concat(menuConfiguration[0].type === "super-section" ? "mt-4" : "mt-8") },
|
|
59
|
+
react_1.default.createElement("div", { className: "sidebar__nav grow overflow-auto px-2 sm:px-0 ".concat(menuConfiguration[0].type === "super-section" ? "mt-4" : "mt-8") },
|
|
60
60
|
react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })),
|
|
61
61
|
react_1.default.createElement(UserMenu_1.UserMenu, { menu: menuConfiguration })))),
|
|
62
62
|
menuConfiguration && react_1.default.createElement(MobileBar_1.MobileBar, { menuConfiguration: menuConfiguration, toggleMenu: toggleMenu }))));
|
|
63
63
|
};
|
|
64
64
|
exports.Sidebar = Sidebar;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLGdEQUErQztBQUMvQywrQ0FBOEM7QUFFOUMsSUFBTSxPQUFPLEdBQUcsQ0FDWix1Q0FBSyxLQUFLLEVBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLFlBQVk7SUFDN0Msd0NBQ0ksSUFBSSxFQUFDLE1BQU0sRUFDWCxRQUFRLEVBQUMsU0FBUyxFQUNsQixDQUFDLEVBQUMsMlRBQTJULEVBQzdULFFBQVEsRUFBQyxTQUFTLEdBQ3BCO0lBQ0Ysd0NBQ0ksSUFBSSxFQUFDLE1BQU0sRUFDWCxRQUFRLEVBQUMsU0FBUyxFQUNsQixDQUFDLEVBQUMseTNGQUF5M0YsRUFDMzNGLFFBQVEsRUFBQyxTQUFTLEdBQ3BCLENBQ0EsQ0FDVCxDQUFDO0FBRUssSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFBLGlCQUFpQixHQUEwQixLQUFLLGtCQUEvQixFQUFFLElBQUksR0FBb0IsS0FBSyxLQUF6QixFQUFFLGFBQWEsR0FBSyxLQUFLLGNBQVYsQ0FBVztJQUVuRCxJQUFBLEtBQUEsT0FBOEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQztJQUNwRCxJQUFNLFVBQVUsR0FBRyxjQUFNLE9BQUEsYUFBYSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTlCLENBQThCLENBQUM7SUFFeEQsT0FBTyxDQUNILGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQ2IsdUNBQ0ksU0FBUyxFQUFDLGtFQUFrRSxFQUM1RSxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsVUFBRyxvQkFBVyxPQUFJLEVBQW1CO1FBRS9ELHVDQUNJLFNBQVMsRUFBRSxpRkFDUCxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQ3hDO1lBRUYsdUNBQUssU0FBUyxFQUFDLG9CQUFvQixJQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLE9BQU8sQ0FBTztZQUMxRCxpQkFBaUIsSUFBSSxpQkFBaUIsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ2xEO2dCQUNJLHVDQUNJLFNBQVMsRUFBRSx1REFDUCxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssZUFBZSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FDakU7b0JBRUYsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUMvQjtnQkFDTiw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUN0QyxDQUNOLENBQ0M7UUFDTCxpQkFBaUIsSUFBSSw4QkFBQyxxQkFBUyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUksQ0FDL0YsQ0FDVCxDQUNKLENBQUM7QUFDTixDQUFDLENBQUM7QUFuQ1csUUFBQSxPQUFPLFdBbUNsQiJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/cms",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.31",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@types/react-dom": "^18.0.10",
|
|
48
48
|
"@typescript-eslint/eslint-plugin": "^5.48.2",
|
|
49
49
|
"@uxf/core": "^4.4.2",
|
|
50
|
-
"@uxf/data-grid": "^5.0.0-beta.
|
|
50
|
+
"@uxf/data-grid": "^5.0.0-beta.9",
|
|
51
51
|
"@uxf/eslint-config": "^1.2.3",
|
|
52
52
|
"@uxf/form": "^1.0.0-beta.112",
|
|
53
53
|
"@uxf/icons-generator": "^1.3.0",
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
},
|
|
96
96
|
"peerDependencies": {
|
|
97
97
|
"@uxf/core": ">= 4.3.0",
|
|
98
|
-
"@uxf/data-grid": "^5.0.0-beta.
|
|
98
|
+
"@uxf/data-grid": "^5.0.0-beta.9",
|
|
99
99
|
"@uxf/form": "^1.0.0-beta.112",
|
|
100
100
|
"@uxf/ui": "^1.0.0-beta.112",
|
|
101
101
|
"@uxf/wysiwyg": "^1.1.2",
|
package/utils/styles.css
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.sidebar__nav {
|
|
2
|
+
/* width */
|
|
3
|
+
&::-webkit-scrollbar {
|
|
4
|
+
width: 8px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
/* Track */
|
|
8
|
+
&::-webkit-scrollbar-track {
|
|
9
|
+
background: theme("colors.sidebar.background");
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* Handle */
|
|
13
|
+
&::-webkit-scrollbar-thumb {
|
|
14
|
+
background: theme("colors.sidebar.highlight");
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* Handle on hover */
|
|
18
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
19
|
+
background: theme("colors.sidebar.hover");
|
|
20
|
+
}
|
|
21
|
+
}
|