@voplus/morpho-workspace 6.0.125 → 6.0.126
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.
@@ -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"}
|