@voplus/morpho-workspace 6.0.125 → 6.0.126
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -8,62 +8,10 @@
|
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
|
|
10
10
|
.all-new-notifications-header {
|
|
11
|
-
.header-top-half-part {
|
|
12
|
-
display: flex;
|
|
13
|
-
padding: 30px 0 20px;
|
|
14
|
-
padding-left: 20px;
|
|
15
|
-
background-color: #fff;
|
|
16
|
-
|
|
17
|
-
.header-icon {
|
|
18
|
-
font-size: 30px;
|
|
19
|
-
width: 51px;
|
|
20
|
-
height: 51px;
|
|
21
|
-
color: #1680ea;
|
|
22
|
-
background: #e5fbff;
|
|
23
|
-
border: 2px solid #1780ea;
|
|
24
|
-
border-radius: @border-radius;
|
|
25
|
-
display: flex;
|
|
26
|
-
align-items: center;
|
|
27
|
-
justify-content: center;
|
|
28
|
-
margin-right: 15px;
|
|
29
|
-
|
|
30
|
-
> svg {
|
|
31
|
-
width: 19px;
|
|
32
|
-
height: 20px;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.header-title {
|
|
37
|
-
.title {
|
|
38
|
-
color: #5d5d5d;
|
|
39
|
-
font: normal normal bold 20px/27px Open Sans;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.sub-title {
|
|
43
|
-
color: #868686;
|
|
44
|
-
font: normal normal 600 14px/19px Open Sans;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
11
|
.list-view-header-tool {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
align-items: center;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.all-new-notifications-info {
|
|
57
|
-
width: 60%;
|
|
58
|
-
|
|
59
|
-
.title {
|
|
60
|
-
color: #217eb2;
|
|
61
|
-
font: normal normal bold 20px/27px Open Sans;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.last-updated-time {
|
|
65
|
-
color: #868686;
|
|
66
|
-
font: normal normal 600 14px/19px Open Sans;
|
|
12
|
+
.search-header-tool {
|
|
13
|
+
.ant-input-outlined {
|
|
14
|
+
width: 280px;
|
|
67
15
|
}
|
|
68
16
|
}
|
|
69
17
|
}
|
|
@@ -72,7 +20,7 @@
|
|
|
72
20
|
.all-new-notification-body {
|
|
73
21
|
height: 100%;
|
|
74
22
|
display: flex;
|
|
75
|
-
margin:
|
|
23
|
+
margin: 20px;
|
|
76
24
|
background: #fff;
|
|
77
25
|
flex-direction: column;
|
|
78
26
|
border-radius: @border-radius;
|
|
@@ -2,22 +2,15 @@ import React from "react";
|
|
|
2
2
|
import { observe } from "@voplus/morpho-ui";
|
|
3
3
|
import { faBell } from "@fortawesome/pro-solid-svg-icons";
|
|
4
4
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
5
|
-
import
|
|
5
|
+
import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
|
|
6
6
|
const AllNewNotificationListHeader = (props) => {
|
|
7
|
-
return observe(() => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
React.createElement("div", { className: "sub-title" }, "Set up your notification list effortlessly."))),
|
|
15
|
-
React.createElement(ListHeaderTool, { addAble: true, searchHeader: true, sortable: false, onAdd: props.onAdd, searchOptions: { placeholder: "Search in notifications" }, preExtra: () => (React.createElement("div", { className: "all-new-notifications-info" },
|
|
16
|
-
React.createElement("div", { className: "title" }, "Notification List"),
|
|
17
|
-
React.createElement("div", { className: "last-updated-time" },
|
|
18
|
-
"Lates Update on ",
|
|
19
|
-
`13 August 2024`))) })));
|
|
20
|
-
});
|
|
7
|
+
return observe(() => (React.createElement(PageHeadDashboard, { className: "all-new-notifications-header", avatarIcon: React.createElement(FAIcon, { icon: faBell }), title: "Notification Creation", description: "Set up your notification list effortlessly.", listHeaderProps: {
|
|
8
|
+
visible: true,
|
|
9
|
+
addAble: true,
|
|
10
|
+
sortable: false,
|
|
11
|
+
onAdd: props.onAdd,
|
|
12
|
+
searchOptions: { placeholder: "Search in notifications" },
|
|
13
|
+
} })));
|
|
21
14
|
};
|
|
22
15
|
export default AllNewNotificationListHeader;
|
|
23
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/AllNewNotificationListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/AllNewNotificationListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AAEjG,MAAM,4BAA4B,GAAG,CAAC,KAA6B,EAAE,EAAE;IACtE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,iBAAiB,IACjB,SAAS,EAAC,8BAA8B,EACxC,UAAU,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,EACpC,KAAK,EAAC,uBAAuB,EAC7B,WAAW,EAAC,6CAA6C,EACzD,eAAe,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,aAAa,EAAE,EAAE,WAAW,EAAE,yBAAyB,EAAE;SACzD,GACA,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
|