@campxdev/shared 1.6.0 → 1.6.1
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/package.json +1 -1
- package/src/components/Layout/Header/AppsMenu.tsx +7 -3
- package/src/components/Layout/Header/assets/campx_square_small.svg +3 -3
- package/src/components/Layout/Header/assets/commutexSmall.svg +3 -3
- package/src/components/Layout/Header/assets/exams_small.svg +5 -5
- package/src/components/Layout/Header/assets/hostel_small.svg +5 -5
- package/src/components/Layout/Header/assets/pay_small.svg +5 -5
- package/src/components/Layout/Header/assets/people_small.svg +2 -2
- package/src/components/Layout/Header/styles.tsx +14 -5
package/package.json
CHANGED
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
StyledMenuItem,
|
|
10
10
|
StyledMenuItemContainer,
|
|
11
11
|
StyledLink,
|
|
12
|
+
StyledImageBox,
|
|
12
13
|
} from './styles'
|
|
13
14
|
|
|
14
15
|
export const campxTenantKey = Cookies.get('campx_tenant')
|
|
@@ -50,6 +51,9 @@ const AppsMenu = () => {
|
|
|
50
51
|
'& .MuiPaper-root': {
|
|
51
52
|
left: '0 !important',
|
|
52
53
|
top: '64px !important',
|
|
54
|
+
'&>:last-child': {
|
|
55
|
+
paddingBottom: '0px',
|
|
56
|
+
},
|
|
53
57
|
},
|
|
54
58
|
}}
|
|
55
59
|
>
|
|
@@ -84,9 +88,9 @@ export default AppsMenu
|
|
|
84
88
|
const MenuItem = ({ data }) => {
|
|
85
89
|
return (
|
|
86
90
|
<StyledMenuItem>
|
|
87
|
-
<
|
|
88
|
-
<img src={data.icon} style={{ width: '
|
|
89
|
-
</
|
|
91
|
+
<StyledImageBox>
|
|
92
|
+
<img src={data.icon} style={{ width: '20px', height: '20px' }} />
|
|
93
|
+
</StyledImageBox>
|
|
90
94
|
<Box>
|
|
91
95
|
<Typography variant="h1" sx={{ marginBottom: '7px' }}>
|
|
92
96
|
{data?.title}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
|
|
2
2
|
<defs>
|
|
3
3
|
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
4
|
<stop offset="0" stop-color="#596e79"/>
|
|
5
5
|
<stop offset="1" stop-color="#7c909b"/>
|
|
6
6
|
</linearGradient>
|
|
7
7
|
</defs>
|
|
8
|
-
<path id="
|
|
9
|
-
</svg>
|
|
8
|
+
<path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
|
|
9
|
+
</svg>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25.391" height="35" viewBox="0 0 25.391 35">
|
|
2
2
|
<defs>
|
|
3
3
|
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
4
|
<stop offset="0" stop-color="#6a2886"/>
|
|
5
5
|
<stop offset="1" stop-color="#8234a4"/>
|
|
6
6
|
</linearGradient>
|
|
7
7
|
</defs>
|
|
8
|
-
<g id="
|
|
9
|
-
<path id="Union_49" data-name="Union 49" d="
|
|
8
|
+
<g id="Group_4867" data-name="Group 4867" transform="translate(-152.7 -249.981)">
|
|
9
|
+
<path id="Union_49" data-name="Union 49" d="M16.86,35l-4.188-5.765L8.483,35H.085L0,34.938,11.873,18.6H.008V16.408H11.931L4.267,5.87l0,0L0,0,0,0H8.531l4.188,5.764L16.907,0h8.4l.086.062L13.514,16.408H25.383V18.6H13.463L21.124,29.13l0,0L25.391,35l0,0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
|
|
10
10
|
</g>
|
|
11
11
|
</svg>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.975" height="35" viewBox="0 0 33.975 35">
|
|
2
2
|
<defs>
|
|
3
3
|
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
4
|
<stop offset="0" stop-color="#d86b00"/>
|
|
5
5
|
<stop offset="1" stop-color="#ed9035"/>
|
|
6
6
|
</linearGradient>
|
|
7
7
|
</defs>
|
|
8
|
-
<g id="
|
|
9
|
-
<path id="Subtraction_34" data-name="Subtraction 34" d="
|
|
10
|
-
<rect id="Rectangle_4307" data-name="Rectangle 4307" width="
|
|
8
|
+
<g id="Group_4349" data-name="Group 4349" transform="translate(-342.295 -263.508)">
|
|
9
|
+
<path id="Subtraction_34" data-name="Subtraction 34" d="M33.973,35H25.488l0,0L0,35l0,0,4.242-5.838,0,0L12.717,17.5,4.244,5.839l0,0L0,0,0,0H33.973l0,0L29.732,5.841l0,0L21.257,17.5,29.73,29.161l0,0L33.975,35l0,0ZM16.987,23.3,13.43,28.2l7.11,0L16.987,23.3ZM13.43,6.8l3.557,4.9L20.539,6.8l-7.109,0Z" transform="translate(342.295 263.508)" fill="url(#linear-gradient)"/>
|
|
10
|
+
<rect id="Rectangle_4307" data-name="Rectangle 4307" width="0.404" height="14.649" transform="translate(359.08 273.686)" fill="#16161d"/>
|
|
11
11
|
</g>
|
|
12
|
-
</svg>
|
|
12
|
+
</svg>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50.761" height="35" viewBox="0 0 50.761 35">
|
|
2
2
|
<defs>
|
|
3
3
|
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
4
|
<stop offset="0" stop-color="#573dab"/>
|
|
5
5
|
<stop offset="1" stop-color="#7251dd"/>
|
|
6
6
|
</linearGradient>
|
|
7
7
|
</defs>
|
|
8
|
-
<g id="
|
|
9
|
-
<path id="Subtraction_9" data-name="Subtraction 9" d="
|
|
10
|
-
<path id="Union_40" data-name="Union 40" d="
|
|
11
|
-
<path id="Subtraction_10" data-name="Subtraction 10" d="
|
|
8
|
+
<g id="Group_4351" data-name="Group 4351" transform="translate(-270.758 -251.98)">
|
|
9
|
+
<path id="Subtraction_9" data-name="Subtraction 9" d="M8.724,17.99H0l0,0,4.361-6,0,0L12.981.127,17.251,6l0,0,.09.124L8.724,17.99ZM21.7.124h0L21.614,0h.047l.088.063L21.7.124Z" transform="translate(283.16 268.99)" fill="url(#linear-gradient)"/>
|
|
10
|
+
<path id="Union_40" data-name="Union 40" d="M8.724,35H0l0,0,4.362-6v0l8.618-11.861.02.028,3.762-5.179,0,0L25.383.127l.043.058.026-.036L38.368,17.927l-.008.006L46.4,29l0,0,4.361,6,0,0H42.037L33.418,23.136l0,0-4.363-6v0h0l-.044-.061,0,0-.858-1.18.011,0-2.759-3.8L21.126,17.99h-.041l-3.908,5.374L8.724,35h0Zm8-34.847L16.619,0l0,0h.218l-.111.152h0ZM34.107.124,34.016,0h.047l.087.064-.044.061Z" transform="translate(270.758 251.98)" fill="url(#linear-gradient)"/>
|
|
11
|
+
<path id="Subtraction_10" data-name="Subtraction 10" d="M21.661,17.99H13.073L4.472,6.152l4.361-6L21.749,17.927l-.087.063ZM.109.152h0L0,0,0,0H.219L.109.152Z" transform="translate(287.377 268.989)" fill="url(#linear-gradient)"/>
|
|
12
12
|
</g>
|
|
13
13
|
</svg>
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.634" height="35" viewBox="0 0 24.634 35">
|
|
2
2
|
<defs>
|
|
3
3
|
<linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
|
|
4
4
|
<stop offset="0" stop-color="#88b053"/>
|
|
5
5
|
<stop offset="1" stop-color="#50840b"/>
|
|
6
6
|
</linearGradient>
|
|
7
7
|
</defs>
|
|
8
|
-
<g id="
|
|
8
|
+
<g id="Group_4350" data-name="Group 4350" transform="translate(-1597.6 -781.549)">
|
|
9
9
|
<g id="Group_4461" data-name="Group 4461" transform="translate(1597.6 781.55)">
|
|
10
10
|
<g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
|
|
11
|
-
<path id="Subtraction_8" data-name="Subtraction 8" d="
|
|
12
|
-
<path id="Subtraction_8-2" data-name="Subtraction 8" d="
|
|
11
|
+
<path id="Subtraction_8" data-name="Subtraction 8" d="M8.75,17.991,21.775.063,21.688,0H13.1L4.389,11.988l0,0-4.361,6,0,0H8.75Z" transform="translate(2.859 17.009)" fill="url(#linear-gradient)"/>
|
|
12
|
+
<path id="Subtraction_8-2" data-name="Subtraction 8" d="M13.051,0,.026,17.927l.087.063H8.7L17.412,6l0,0,4.361-6,0,0H13.051Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
|
|
13
13
|
</g>
|
|
14
14
|
</g>
|
|
15
15
|
</g>
|
|
16
|
-
</svg>
|
|
16
|
+
</svg>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46.624" height="35.002" viewBox="0 0 46.624 35.002">
|
|
2
2
|
<defs>
|
|
3
3
|
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
4
|
<stop offset="0" stop-color="#d0002b"/>
|
|
5
5
|
<stop offset="1" stop-color="#ea4a6b"/>
|
|
6
6
|
</linearGradient>
|
|
7
7
|
</defs>
|
|
8
|
-
<path id="
|
|
8
|
+
<path id="Union_1" data-name="Union 1" d="M-1718.525-7459l-5.5-7.575-1.032,1.42,4.429,6.071-.113.083h-20l0,0,4.479-6.165-1.023-1.408-5.5,7.574H-1754l0,0,5.6-7.715,0,0,11.076-15.242.085.116,6.578,9.018,6.616-9.017.065-.089,16.6,22.845-.111.083Zm-10.1-30.589a4.412,4.412,0,0,1,4.41-4.412,4.413,4.413,0,0,1,4.412,4.412,4.413,4.413,0,0,1-4.412,4.413A4.413,4.413,0,0,1-1728.62-7489.589Zm-13.114,0a4.412,4.412,0,0,1,4.412-4.412,4.412,4.412,0,0,1,4.41,4.412,4.412,4.412,0,0,1-4.41,4.413A4.413,4.413,0,0,1-1741.735-7489.589Z" transform="translate(1753.999 7494.002)" fill="url(#linear-gradient)"/>
|
|
9
9
|
</svg>
|
|
@@ -79,7 +79,7 @@ export const StyledDescription = styled(Typography)(({ theme }) => ({
|
|
|
79
79
|
}))
|
|
80
80
|
|
|
81
81
|
export const StyledMenuItem = styled(Box)({
|
|
82
|
-
height: '
|
|
82
|
+
height: '68px',
|
|
83
83
|
width: '380px',
|
|
84
84
|
padding: '40px 20px',
|
|
85
85
|
transition: 'background ease 0.3s',
|
|
@@ -93,11 +93,10 @@ export const StyledMenuItem = styled(Box)({
|
|
|
93
93
|
|
|
94
94
|
export const StyledMenuItemContainer = styled(Box)(({ theme }) => ({
|
|
95
95
|
cursor: 'pointer',
|
|
96
|
-
|
|
97
|
-
'&:last-of-type': {
|
|
98
|
-
border: 'none',
|
|
99
|
-
},
|
|
96
|
+
|
|
100
97
|
padding: '8px 0px',
|
|
98
|
+
|
|
99
|
+
borderBottom: `1px solid ${theme?.palette?.secondary?.lighter}`,
|
|
101
100
|
}))
|
|
102
101
|
|
|
103
102
|
export const StyledAvatar = styled(Avatar)(({ theme }) => ({
|
|
@@ -119,6 +118,16 @@ export const StyledLogosWrapper = styled(Box)(() => ({
|
|
|
119
118
|
},
|
|
120
119
|
}))
|
|
121
120
|
|
|
121
|
+
export const StyledImageBox = styled(Box)(() => ({
|
|
122
|
+
height: '40px',
|
|
123
|
+
width: '40px',
|
|
124
|
+
boxShadow: '0px 5px 5px 0px rgba(48, 62, 99,0.1) ',
|
|
125
|
+
display: 'flex',
|
|
126
|
+
alignItems: 'center',
|
|
127
|
+
justifyContent: 'center',
|
|
128
|
+
borderRadius: '5px',
|
|
129
|
+
}))
|
|
130
|
+
|
|
122
131
|
export const StyledRouterLink = styled(RouterLink)(() => ({
|
|
123
132
|
textDecoration: 'none',
|
|
124
133
|
}))
|