namirasoft-site-react 1.3.7 → 1.3.9

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.
@@ -4,7 +4,7 @@
4
4
  flex-direction: column;
5
5
  align-items: center;
6
6
  justify-content: space-between;
7
- gap: 24px 0;
7
+ /* gap: 24px 0; */
8
8
  background-color: #fff;
9
9
  box-shadow: 0 2px 10px 4px #00000040;
10
10
  padding: 24px;
@@ -4,7 +4,7 @@ import { Component } from 'react';
4
4
  import Styles from './NSEntityBar.module.css';
5
5
  export class NSEntityBar extends Component {
6
6
  render() {
7
- return (_jsxs("article", { className: Styles.ns_entity_bar_item, children: [_jsx("figure", { className: Styles.ns_entity_bar_image_container, children: _jsx("img", { src: this.props.image.src, alt: this.props.image.alt, width: 310, height: 240 }) }), _jsxs("div", { className: Styles.ns_entity_bar_details_container, children: [_jsxs("h3", { className: Styles.ns_entity_bar_image_title, children: [" ", this.props.title, " "] }), _jsxs("p", { className: Styles.ns_entity_bar_image_description, children: [" ", this.props.description, " "] })] })] }));
7
+ return (_jsxs("article", { className: Styles.ns_entity_bar_item, children: [_jsx("figure", { className: Styles.ns_entity_bar_image_container, children: _jsx("img", { className: Styles.ns_entity_bar_image, src: this.props.image.src, alt: this.props.image.alt, width: 310, height: 240 }) }), _jsxs("div", { className: Styles.ns_entity_bar_details_container, children: [_jsxs("h3", { className: Styles.ns_entity_bar_image_title, children: [" ", this.props.title, " "] }), _jsxs("p", { className: Styles.ns_entity_bar_image_description, children: [" ", this.props.description, " "] })] })] }));
8
8
  }
9
9
  }
10
10
  //# sourceMappingURL=NSEntityBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAa7C,MAAM,OAAO,WAAY,SAAQ,SAA2B;IAClD,MAAM;QAEd,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,kBAAkB,aAC5C,iBAAQ,SAAS,EAAE,MAAM,CAAC,6BAA6B,YACtD,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GAC9E,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B,aACrD,cAAI,SAAS,EAAE,MAAM,CAAC,yBAAyB,kBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,SAAO,EAC1E,aAAG,SAAS,EAAE,MAAM,CAAC,+BAA+B,kBAAK,IAAI,CAAC,KAAK,CAAC,WAAW,SAAM,IAChF,IACG,CACV,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAa7C,MAAM,OAAO,WAAY,SAAQ,SAA2B;IAClD,MAAM;QAEd,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,kBAAkB,aAC5C,iBAAQ,SAAS,EAAE,MAAM,CAAC,6BAA6B,YACtD,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GACrH,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B,aACrD,cAAI,SAAS,EAAE,MAAM,CAAC,yBAAyB,kBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,SAAO,EAC1E,aAAG,SAAS,EAAE,MAAM,CAAC,+BAA+B,kBAAK,IAAI,CAAC,KAAK,CAAC,WAAW,SAAM,IAChF,IACG,CACV,CAAC;IACH,CAAC;CACD"}
@@ -2,28 +2,36 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  justify-content: flex-start;
5
- align-items: flex-start;
5
+ /* align-items: flex-start; */
6
6
  gap: 24px;
7
7
  padding: 24px;
8
8
  box-shadow: 0 2px 10px 4px #00000040;
9
9
  width: 100%;
10
10
  max-width: 358px;
11
+ border-radius: 24px;
11
12
  }
12
13
 
13
14
  .ns_entity_bar_image_container {
14
15
  width: 100%;
15
16
  }
16
17
 
18
+ .ns_entity_bar_image {
19
+ border-radius: 16px;
20
+ object-fit: cover;
21
+ width: 100% !important;
22
+ height: 100% !important;
23
+ }
24
+
17
25
  .ns_entity_bar_details_container {
18
26
  text-align: start;
19
27
  }
20
28
 
21
29
  .ns_entity_bar_image_title {
22
30
  color: #001664;
23
- font-size: 32px;
31
+ font-size: 24px;
24
32
  font-weight: 700;
25
33
  font-family: inherit;
26
- line-height: 32px;
34
+ line-height: 24px;
27
35
  margin-bottom: 16px;
28
36
  text-align: start;
29
37
  }
@@ -37,12 +45,12 @@
37
45
  text-align: justify;
38
46
  }
39
47
 
40
- @media only screen and (min-width: 992px) {
48
+ @media only screen and (min-width: 1024px) {
41
49
  .ns_entity_bar_item {
42
50
  display: flex;
43
51
  flex-direction: row;
44
52
  justify-content: flex-start;
45
- align-items: flex-start;
53
+ /* align-items: flex-start; */
46
54
  gap: 48px;
47
55
  width: 100%;
48
56
  max-width: 1170px;
@@ -50,5 +58,21 @@
50
58
 
51
59
  .ns_entity_bar_details_container {
52
60
  padding: 24px 0;
61
+ width: 68%;
62
+ }
63
+
64
+ .ns_entity_bar_image_container {
65
+ width: 30%;
66
+ max-width: 310px;
53
67
  }
68
+
69
+ .ns_entity_bar_image_title {
70
+ font-size: 32px;
71
+ line-height: 32px;
72
+ }
73
+
74
+ .ns_entity_bar_image {
75
+ border-radius: 8px;
76
+ }
77
+
54
78
  }
@@ -39,7 +39,7 @@ export class NSHeader extends React.Component {
39
39
  return (_jsx("header", { children: _jsx("nav", { className: Styles.ns_navbar, style: {
40
40
  backgroundColor: ((_a = this.props.background) === null || _a === void 0 ? void 0 : _a.color) ? (_b = this.props.background) === null || _b === void 0 ? void 0 : _b.color : "#0000004d"
41
41
  }, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
42
- _jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/logout.svg', alt: "Exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: 'https://static.namirasoft.com/image/logout.svg', alt: "Menu", width: 19, height: 17 }) })] })] }) }) }));
42
+ _jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/logout.svg', alt: "Exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: 'https://static.namirasoft.com/image/menu.svg', alt: "Menu", width: 19, height: 17 }) })] })] }) }) }));
43
43
  }
44
44
  render_menu(level, parent_id) {
45
45
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  .ns_title {
2
- font-size: 32px;
2
+ font-size: 24px;
3
3
  font-weight: 700;
4
4
  line-height: normal;
5
5
  color: #001664;
@@ -7,4 +7,10 @@
7
7
  width: 100%;
8
8
  text-align: center;
9
9
  font-family: inherit;
10
+ }
11
+
12
+ @media only screen and (min-width: 1024px) {
13
+ .ns_title {
14
+ font-size: 32px;
15
+ }
10
16
  }
@@ -2,4 +2,5 @@ export interface Background {
2
2
  image?: string;
3
3
  color?: string;
4
4
  position?: string;
5
+ filter?: string;
5
6
  }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.7",
11
+ "version": "1.3.9",
12
12
  "main": "./dist/main.js",
13
13
  "types": "./dist/main.d.ts",
14
14
  "author": "Amir Abolhasani",
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@types/node": "^20.11.30",
25
- "@types/react": "^18.2.72",
25
+ "@types/react": "^18.2.73",
26
26
  "@types/react-dom": "^18.2.22",
27
27
  "antd": "^5.15.4",
28
28
  "bootstrap": "^5.3.3",
@@ -4,7 +4,7 @@
4
4
  flex-direction: column;
5
5
  align-items: center;
6
6
  justify-content: space-between;
7
- gap: 24px 0;
7
+ /* gap: 24px 0; */
8
8
  background-color: #fff;
9
9
  box-shadow: 0 2px 10px 4px #00000040;
10
10
  padding: 24px;
@@ -2,28 +2,36 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  justify-content: flex-start;
5
- align-items: flex-start;
5
+ /* align-items: flex-start; */
6
6
  gap: 24px;
7
7
  padding: 24px;
8
8
  box-shadow: 0 2px 10px 4px #00000040;
9
9
  width: 100%;
10
10
  max-width: 358px;
11
+ border-radius: 24px;
11
12
  }
12
13
 
13
14
  .ns_entity_bar_image_container {
14
15
  width: 100%;
15
16
  }
16
17
 
18
+ .ns_entity_bar_image {
19
+ border-radius: 16px;
20
+ object-fit: cover;
21
+ width: 100% !important;
22
+ height: 100% !important;
23
+ }
24
+
17
25
  .ns_entity_bar_details_container {
18
26
  text-align: start;
19
27
  }
20
28
 
21
29
  .ns_entity_bar_image_title {
22
30
  color: #001664;
23
- font-size: 32px;
31
+ font-size: 24px;
24
32
  font-weight: 700;
25
33
  font-family: inherit;
26
- line-height: 32px;
34
+ line-height: 24px;
27
35
  margin-bottom: 16px;
28
36
  text-align: start;
29
37
  }
@@ -37,12 +45,12 @@
37
45
  text-align: justify;
38
46
  }
39
47
 
40
- @media only screen and (min-width: 992px) {
48
+ @media only screen and (min-width: 1024px) {
41
49
  .ns_entity_bar_item {
42
50
  display: flex;
43
51
  flex-direction: row;
44
52
  justify-content: flex-start;
45
- align-items: flex-start;
53
+ /* align-items: flex-start; */
46
54
  gap: 48px;
47
55
  width: 100%;
48
56
  max-width: 1170px;
@@ -50,5 +58,21 @@
50
58
 
51
59
  .ns_entity_bar_details_container {
52
60
  padding: 24px 0;
61
+ width: 68%;
62
+ }
63
+
64
+ .ns_entity_bar_image_container {
65
+ width: 30%;
66
+ max-width: 310px;
53
67
  }
68
+
69
+ .ns_entity_bar_image_title {
70
+ font-size: 32px;
71
+ line-height: 32px;
72
+ }
73
+
74
+ .ns_entity_bar_image {
75
+ border-radius: 8px;
76
+ }
77
+
54
78
  }
@@ -21,7 +21,7 @@ export class NSEntityBar extends Component<NSEntityBarProps> {
21
21
  return (
22
22
  <article className={Styles.ns_entity_bar_item}>
23
23
  <figure className={Styles.ns_entity_bar_image_container}>
24
- <img src={this.props.image.src} alt={this.props.image.alt} width={310} height={240} />
24
+ <img className={Styles.ns_entity_bar_image} src={this.props.image.src} alt={this.props.image.alt} width={310} height={240} />
25
25
  </figure>
26
26
  <div className={Styles.ns_entity_bar_details_container}>
27
27
  <h3 className={Styles.ns_entity_bar_image_title}> {this.props.title} </h3>
@@ -93,7 +93,7 @@ export class NSHeader extends React.Component<IProps, IState> {
93
93
  }
94
94
  <div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
95
95
  <img
96
- src='https://static.namirasoft.com/image/logout.svg'
96
+ src='https://static.namirasoft.com/image/menu.svg'
97
97
  alt="Menu"
98
98
  width={19}
99
99
  height={17}
@@ -1,5 +1,5 @@
1
1
  .ns_title {
2
- font-size: 32px;
2
+ font-size: 24px;
3
3
  font-weight: 700;
4
4
  line-height: normal;
5
5
  color: #001664;
@@ -7,4 +7,10 @@
7
7
  width: 100%;
8
8
  text-align: center;
9
9
  font-family: inherit;
10
+ }
11
+
12
+ @media only screen and (min-width: 1024px) {
13
+ .ns_title {
14
+ font-size: 32px;
15
+ }
10
16
  }
@@ -2,5 +2,6 @@ export interface Background
2
2
  {
3
3
  image?: string,
4
4
  color?: string,
5
- position? :string
5
+ position?: string,
6
+ filter?: string
6
7
  }