l-min-components 1.0.201 → 1.0.203

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/AppMainLayout/index.styled.js +5 -1
  3. package/src/components/sideBar/sideMenu/index.jsx +2 -1
  4. package/src/components/sideBar/sideMenu/styles/index.jsx +5 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "l-min-components",
3
- "version": "1.0.201",
3
+ "version": "1.0.203",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src/assets",
package/src/components/AppMainLayout/index.styled.js CHANGED
@@ -25,12 +25,16 @@ export const CenterLayout = styled.div`
25
25
  width: 100%;
26
26
  /* max-width: 900px; */
27
27
  margin: 0 20px;
28
+ overflow-y: scroll;
28
29
  `;
29
30
 
30
31
  export const RightLayout = styled.div`
31
32
  width: 100%;
32
33
  max-width: 232px;
33
-
34
+ position: fixed;
35
+ max-height: 609px;
36
+ height: 609px;
37
+ right: 20px;
34
38
  > div {
35
39
  width: 100%;
36
40
  }
package/src/components/sideBar/sideMenu/index.jsx CHANGED
@@ -43,7 +43,8 @@ const SideMenu = ({
43
43
  className={cx(`${route.text}`, ({ isActive, isPending }) => {
44
44
  isActive ? "active" : "";
45
45
  })}
46
- minimal={isOpen}>
46
+ minimal={isOpen}
47
+ >
47
48
  <IconContainer active={active}>{icon}</IconContainer>
48
49
 
49
50
  <TextContainer minimal={isOpen}>{text}</TextContainer>
package/src/components/sideBar/sideMenu/styles/index.jsx CHANGED
@@ -2,12 +2,13 @@ import styled from "styled-components";
2
2
  import { NavLink } from "react-router-dom";
3
3
 
4
4
  export const SideMenuContainer = styled.div`
5
- position: relative;
5
+ position: fixed;
6
6
 
7
7
  width: ${({ isOpen }) => (isOpen ? "239px" : "48px")};
8
- height: 80vh;
8
+ height: 609px;
9
+ max-height: 609px;
9
10
  display: flex;
10
- flex-direction: column;
11
+ flex-direction: column;
11
12
 
12
13
  background-color: #00c2c2;
13
14
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@@ -43,6 +44,7 @@ export const NavigationItemContainer = styled(NavLink)`
43
44
  display: flex;
44
45
  align-items: center;
45
46
  gap: 10px;
47
+
46
48
  cursor: pointer;
47
49
  position: relative;
48
50
  padding: ${({ minimal }) => (minimal ? "12px 16px" : "12px 12px")};