reactstrap-react-lib
Advanced tools
Comparing version
@@ -50,6 +50,2 @@ "use strict"; | ||
const [section, setSection] = (0, react_1.useState)(initSection); | ||
const [collapsed, setCollapsed] = (0, react_1.useState)(false); | ||
const toggleSidebar = () => { | ||
setCollapsed(!collapsed); | ||
}; | ||
const dispalyEachLink = (eachLink, index) => { | ||
@@ -83,27 +79,11 @@ return (react_1.default.createElement(reactstrap_1.Col, { onClick: () => { | ||
.sidebar { | ||
// background-color: #060b26; | ||
// color: #c5c5c5; | ||
height: 100vh; | ||
overflow-y: auto; | ||
transition: height 0.3s ease; | ||
.sidebar{ | ||
// background-color: #060b26; | ||
// color: #f5f5f5; | ||
height: 100vh; | ||
//position: sticky; | ||
top: 0px; | ||
overflow-y: auto; | ||
} | ||
.sidebar.collapsed { | ||
height: 50px; /* Collapsed height */ | ||
} | ||
.toggle-button { | ||
width: 100%; | ||
padding: 10px; | ||
background-color: #060b26; | ||
color: #f5f5f5; | ||
border: none; | ||
cursor: pointer; | ||
} | ||
.sidebar-content { | ||
padding: 10px; | ||
} | ||
.sidebarUl{ | ||
@@ -153,17 +133,15 @@ /* padding-top: 50px; */ | ||
.main{ | ||
background-color: #ffff | ||
} | ||
// .main{ | ||
// background-color: #ffff | ||
// } | ||
`), | ||
react_1.default.createElement("button", { onClick: toggleSidebar, className: "toggle-button" }, collapsed ? 'Expand' : 'Collapse'), | ||
react_1.default.createElement(reactstrap_1.Col, { sm: 12, lg: 2, className: `sidebar ${collapsed ? 'collapsed' : ''} bg-dark text-light` }, | ||
react_1.default.createElement(reactstrap_1.Col, { sm: 12, lg: 2, className: `sidebar bg-dark text-light` }, | ||
react_1.default.createElement(react_1.default.Fragment, null, | ||
react_1.default.createElement("h5", null, props.orgName), | ||
react_1.default.createElement("h6", null, props.userName), | ||
react_1.default.createElement(reactstrap_1.Row, { className: `sidebarUl ` }, !collapsed && (react_1.default.createElement("div", null, props.siderBarLinks !== undefined | ||
? | ||
props.siderBarLinks.map((eachLink, index) => { | ||
return dispalyEachLink(eachLink, index); | ||
}) | ||
: ""))))), | ||
react_1.default.createElement(reactstrap_1.Row, { className: `sidebarUl` }, props.siderBarLinks !== undefined | ||
? props.siderBarLinks.map((eachLink, index) => { | ||
return dispalyEachLink(eachLink, index); | ||
}) | ||
: ""))), | ||
react_1.default.createElement(reactstrap_1.Col, { sm: 12, lg: 10 }, | ||
@@ -170,0 +148,0 @@ react_1.default.createElement(reactstrap_1.Row, null, |
{ | ||
"name": "reactstrap-react-lib", | ||
"version": "10.1.8", | ||
"version": "10.1.9", | ||
"description": "This is a lib for react and next", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
221978
-0.5%2905
-0.65%