@voplus/morpho-workspace 6.0.125 → 6.0.127

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/es/modules/notification/components/AllNewNotificationItem/index.less +4 -2
  2. package/es/modules/notification/components/AllNewNotificationList/index.less +7 -57
  3. package/es/modules/notification/components/AllNewNotificationListHeader/index.js +8 -15
  4. package/es/modules/notification/components/AllNewNotificationListHeader/index.js.map +1 -1
  5. package/es/modules/notification/components/NewNotificationForm/index.less +12 -4
  6. package/package.json +1 -1
package/es/modules/notification/components/AllNewNotificationItem/index.less CHANGED
@@ -8,8 +8,10 @@
8
8
 
9
9
  :global {
10
10
  .notification-item-name {
11
- color: #5D5D5D;
12
- font: normal normal bold 14px/19px Open Sans;
11
+ color: #5d5d5d;
12
+ font-weight: bold;
13
+ font-size: 14px;
14
+ line-height: 19px;
13
15
  }
14
16
 
15
17
  .notification-column-item {
package/es/modules/notification/components/AllNewNotificationList/index.less CHANGED
@@ -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
- background: #f7fbff;
51
-
52
- .header-tool-space {
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: 0 20px 20px;
23
+ margin: 20px;
76
24
  background: #fff;
77
25
  flex-direction: column;
78
26
  border-radius: @border-radius;
@@ -90,7 +38,9 @@
90
38
 
91
39
  .sub-title {
92
40
  color: #217eb2;
93
- font: normal normal bold 14px/19px Open Sans;
41
+ font-weight: bold;
42
+ font-size: 14px;
43
+ line-height: 19px;
94
44
  }
95
45
  }
96
46
 
package/es/modules/notification/components/AllNewNotificationListHeader/index.js CHANGED
@@ -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 ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
5
+ import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
6
6
  const AllNewNotificationListHeader = (props) => {
7
- return observe(() => {
8
- return (React.createElement("div", { className: "all-new-notifications-header" },
9
- React.createElement("div", { className: "header-top-half-part" },
10
- React.createElement("div", { className: "header-icon" },
11
- React.createElement(FAIcon, { icon: faBell })),
12
- React.createElement("div", { className: "header-title" },
13
- React.createElement("div", { className: "title" }, "Notification Creation"),
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
package/es/modules/notification/components/AllNewNotificationListHeader/index.js.map CHANGED
@@ -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,cAAc,MAAM,wEAAwE,CAAC;AAEpG,MAAM,4BAA4B,GAAG,CAAC,KAA6B,EAAE,EAAE;IACtE,OAAO,OAAO,CAAC,GAAG,EAAE;QACnB,OAAO,CACN,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,6BAAK,SAAS,EAAC,aAAa;oBAC3B,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACnB;gBACN,6BAAK,SAAS,EAAC,cAAc;oBAC5B,6BAAK,SAAS,EAAC,OAAO,4BAA4B;oBAClD,6BAAK,SAAS,EAAC,WAAW,kDAAkD,CACvE,CACD;YAEN,oBAAC,cAAc,IACd,OAAO,QACP,YAAY,QACZ,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,EAAE,WAAW,EAAE,yBAAyB,EAAE,EACzD,QAAQ,EAAE,GAAG,EAAE,CAAC,CACf,6BAAK,SAAS,EAAC,4BAA4B;oBAC1C,6BAAK,SAAS,EAAC,OAAO,wBAAwB;oBAC9C,6BAAK,SAAS,EAAC,mBAAmB;;wBAAkB,gBAAgB,CAAO,CACtE,CACN,GACA,CACG,CACN,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
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"}
package/es/modules/notification/components/NewNotificationForm/index.less CHANGED
@@ -62,13 +62,17 @@
62
62
 
63
63
  .ant-radio-wrapper {
64
64
  color: #5d5d5d;
65
- font: normal normal 600 14px/19px Open Sans;
65
+ font-weight: 600;
66
+ font-size: 14px;
67
+ line-height: 19px;
66
68
  }
67
69
  }
68
70
 
69
71
  .email-content-subtitle {
70
72
  color: #868686;
71
- font: normal normal 600 14px/19px Open Sans;
73
+ font-weight: 600;
74
+ font-size: 14px;
75
+ line-height: 19px;
72
76
  margin-bottom: 5px;
73
77
  }
74
78
 
@@ -86,12 +90,16 @@
86
90
  .preview-component-header {
87
91
  .header-title {
88
92
  color: #5d5d5d;
89
- font: normal normal bold 14px/19px Open Sans;
93
+ font-weight: bold;
94
+ font-size: 14px;
95
+ line-height: 19px;
90
96
  }
91
97
 
92
98
  .header-explain {
93
99
  color: #868686;
94
- font: normal normal 600 14px/19px Open Sans;
100
+ font-weight: 600;
101
+ font-size: 14px;
102
+ line-height: 19px;
95
103
  }
96
104
  }
97
105
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voplus/morpho-workspace",
3
- "version": "6.0.125",
3
+ "version": "6.0.127",
4
4
  "description": "morpho workspace module",
5
5
  "repository": {
6
6
  "type": "git",