namirasoft-site-react 1.3.0 → 1.3.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/dist/components/NSCard.d.ts +1 -0
- package/dist/components/NSCard.js +2 -2
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSEntityBar.d.ts +1 -0
- package/dist/components/NSEntityBar.js +1 -1
- package/dist/components/NSEntityBar.js.map +1 -1
- package/dist/components/NSSectionBars.js +1 -1
- package/dist/components/NSSectionBars.js.map +1 -1
- package/dist/components/NSSectionCards.js +1 -1
- package/dist/components/NSSectionCards.js.map +1 -1
- package/package.json +3 -3
- package/src/components/NSCard.module.css +8 -5
- package/src/components/NSCard.tsx +4 -3
- package/src/components/NSEntityBar.module.css +9 -8
- package/src/components/NSEntityBar.tsx +6 -5
- package/src/components/NSSectionBars.tsx +1 -2
- package/src/components/NSSectionCards.module.css +4 -4
- package/src/components/NSSectionCards.tsx +1 -1
- package/src/components/NSTitle.module.css +1 -0
|
@@ -5,8 +5,8 @@ import Styles from './NSCard.module.css';
|
|
|
5
5
|
export class NSCard extends Component {
|
|
6
6
|
render() {
|
|
7
7
|
var _a;
|
|
8
|
-
return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.ns_card, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: { alignItems: this.props.description ? "flex-start" : "center" }, children: [_jsx("img", { className: Styles.
|
|
9
|
-
_jsx("p", { className: Styles.
|
|
8
|
+
return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.ns_card, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: { alignItems: this.props.description ? "flex-start" : "center" }, children: [_jsx("img", { className: Styles.ns_card_img, src: this.props.image.src, alt: this.props.image.alt }), _jsx("h3", { className: Styles.ns_card_title, children: this.props.title })] }), this.props.description &&
|
|
9
|
+
_jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link &&
|
|
10
10
|
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_card_link, href: this.props.link.href, target: (_a = this.props.link.target) !== null && _a !== void 0 ? _a : "_self", children: this.props.link.text }) })] }) }));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAmBxC,MAAM,OAAO,MAAO,SAAQ,SAAsB;IACxC,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,aAChH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EAC5F,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,GACb,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,mCAAI,OAAO,YACtG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAClB,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -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.
|
|
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, " "] })] })] }));
|
|
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;
|
|
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"}
|
|
@@ -7,7 +7,7 @@ import { NSSection } from './NSSection';
|
|
|
7
7
|
export class NSSectionBars extends Component {
|
|
8
8
|
render() {
|
|
9
9
|
var _a;
|
|
10
|
-
return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsx("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = this.props.bars) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSEntityBar, Object.assign({}, bar))) }) }) }));
|
|
10
|
+
return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsx("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = this.props.bars) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSEntityBar, Object.assign({}, bar), bar.id)) }) }) }));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=NSSectionBars.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSSectionBars.js","sourceRoot":"","sources":["../../src/components/NSSectionBars.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"NSSectionBars.js","sourceRoot":"","sources":["../../src/components/NSSectionBars.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IACtD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,cAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,YAEjF,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAkB,GAAG,GAAf,GAAG,CAAC,EAAE,CAAa,CAAC,GAEhE,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -11,7 +11,7 @@ export class NSSectionCards extends Component {
|
|
|
11
11
|
var _a, _b, _c, _d, _e, _f;
|
|
12
12
|
return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
|
|
13
13
|
_jsxs("div", { className: Styles.ns_section_cards_title_container, children: [_jsx(NSTitle, { color: (_a = this.props.title) === null || _a === void 0 ? void 0 : _a.color, title: (_b = this.props.title) === null || _b === void 0 ? void 0 : _b.text }), this.props.description &&
|
|
14
|
-
_jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.description, children: [" ", this.props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_d = this.props.cards) === null || _d === void 0 ? void 0 : _d.map((card) => _jsx(NSCard, Object.assign({}, card))) }), this.props.button &&
|
|
14
|
+
_jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.description, children: [" ", this.props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_d = this.props.cards) === null || _d === void 0 ? void 0 : _d.map((card) => _jsx(NSCard, Object.assign({}, card), card.id)) }), this.props.button &&
|
|
15
15
|
_jsx("div", { className: `mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`, children: _jsx(NSLinkBlue, { href: (_e = this.props.button) === null || _e === void 0 ? void 0 : _e.href, title: (_f = this.props.button) === null || _f === void 0 ? void 0 : _f.title }) })] }) }) }));
|
|
16
16
|
}
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGlH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGlH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE/D,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.3.
|
|
11
|
+
"version": "1.3.1",
|
|
12
12
|
"main": "./dist/main.js",
|
|
13
13
|
"types": "./dist/main.d.ts",
|
|
14
14
|
"author": "Amir Abolhasani",
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
"bootstrap": "^5.3.3",
|
|
29
29
|
"link-react": "^3.0.0",
|
|
30
30
|
"namirasoft-api-link": "^1.3.0",
|
|
31
|
-
"namirasoft-core": "^1.3.
|
|
31
|
+
"namirasoft-core": "^1.3.11",
|
|
32
32
|
"path-browserify": "^1.0.1",
|
|
33
33
|
"react": "^18.2.0",
|
|
34
34
|
"react-app-rewired": "^2.2.1",
|
|
35
|
-
"react-bootstrap": "^2.10.
|
|
35
|
+
"react-bootstrap": "^2.10.2",
|
|
36
36
|
"react-dom": "^18.2.0",
|
|
37
37
|
"react-phone-input-2": "^2.15.1",
|
|
38
38
|
"react-phone-number-input": "^3.3.9",
|
|
@@ -30,27 +30,29 @@
|
|
|
30
30
|
width: 100%;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.
|
|
33
|
+
.ns_card_img {
|
|
34
34
|
object-fit: cover;
|
|
35
35
|
width: 100%;
|
|
36
36
|
height: 100%;
|
|
37
37
|
max-height: 310px;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.
|
|
41
|
-
font-style:
|
|
40
|
+
.ns_card_title {
|
|
41
|
+
font-style: inherit;
|
|
42
42
|
font-size: 24px;
|
|
43
43
|
font-weight: 700;
|
|
44
|
+
font-family: inherit;
|
|
44
45
|
line-height: normal;
|
|
45
46
|
color: inherit;
|
|
46
47
|
text-align: inherit;
|
|
47
48
|
color: #141161;
|
|
48
49
|
}
|
|
49
50
|
|
|
50
|
-
.
|
|
51
|
+
.ns_card_description {
|
|
51
52
|
font-style: normal;
|
|
52
53
|
font-size: 16px;
|
|
53
54
|
font-weight: 400;
|
|
55
|
+
font-family: inherit;
|
|
54
56
|
line-height: normal;
|
|
55
57
|
color: inherit;
|
|
56
58
|
text-align: justify;
|
|
@@ -71,7 +73,8 @@
|
|
|
71
73
|
width: 100%;
|
|
72
74
|
max-width: 310px;
|
|
73
75
|
}
|
|
74
|
-
|
|
76
|
+
|
|
77
|
+
.ns_card_link_container {
|
|
75
78
|
width: 100%;
|
|
76
79
|
}
|
|
77
80
|
|
|
@@ -6,6 +6,7 @@ import Styles from './NSCard.module.css'
|
|
|
6
6
|
|
|
7
7
|
export interface NSCardProps
|
|
8
8
|
{
|
|
9
|
+
id?: string | number;
|
|
9
10
|
title: string;
|
|
10
11
|
description?: string;
|
|
11
12
|
image: {
|
|
@@ -28,14 +29,14 @@ export class NSCard extends Component<NSCardProps> {
|
|
|
28
29
|
<article className={Styles.ns_card}>
|
|
29
30
|
<div className={Styles.ns_card_detail_container}>
|
|
30
31
|
<div className={Styles.ns_card_title_img} style={{ alignItems: this.props.description ? "flex-start" : "center" }}>
|
|
31
|
-
<img className={Styles.
|
|
32
|
-
<h3 className={Styles.
|
|
32
|
+
<img className={Styles.ns_card_img} src={this.props.image.src} alt={this.props.image.alt} />
|
|
33
|
+
<h3 className={Styles.ns_card_title}>
|
|
33
34
|
{this.props.title}
|
|
34
35
|
</h3>
|
|
35
36
|
</div>
|
|
36
37
|
|
|
37
38
|
{this.props.description &&
|
|
38
|
-
<p className={Styles.
|
|
39
|
+
<p className={Styles.ns_card_description}>
|
|
39
40
|
{this.props.description}
|
|
40
41
|
</p>
|
|
41
42
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ns_entity_bar_item {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
justify-content: flex-start;
|
|
@@ -10,34 +10,35 @@
|
|
|
10
10
|
max-width: 358px;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.
|
|
13
|
+
.ns_entity_bar_image_container {
|
|
14
14
|
width: 100%;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.
|
|
17
|
+
.ns_entity_bar_details_container {
|
|
18
18
|
text-align: start;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
.ns_entity_bar_image_title {
|
|
22
22
|
color: #001664;
|
|
23
23
|
font-size: 32px;
|
|
24
24
|
font-weight: 700;
|
|
25
|
+
font-family: inherit;
|
|
25
26
|
line-height: 32px;
|
|
26
27
|
margin-bottom: 16px;
|
|
27
28
|
text-align: start;
|
|
28
29
|
}
|
|
29
30
|
|
|
30
|
-
.
|
|
31
|
-
|
|
31
|
+
.ns_entity_bar_image_description {
|
|
32
32
|
color: #001664;
|
|
33
33
|
font-size: 16px;
|
|
34
34
|
font-weight: 400;
|
|
35
|
+
font-family: inherit;
|
|
35
36
|
line-height: 24px;
|
|
36
37
|
text-align: justify;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
@media only screen and (min-width: 992px) {
|
|
40
|
-
.
|
|
41
|
+
.ns_entity_bar_item {
|
|
41
42
|
display: flex;
|
|
42
43
|
flex-direction: row;
|
|
43
44
|
justify-content: flex-start;
|
|
@@ -47,7 +48,7 @@
|
|
|
47
48
|
max-width: 1170px;
|
|
48
49
|
}
|
|
49
50
|
|
|
50
|
-
.
|
|
51
|
+
.ns_entity_bar_details_container {
|
|
51
52
|
padding: 24px 0;
|
|
52
53
|
}
|
|
53
54
|
}
|
|
@@ -6,6 +6,7 @@ import Styles from './NSEntityBar.module.css'
|
|
|
6
6
|
|
|
7
7
|
export interface NSEntityBarProps
|
|
8
8
|
{
|
|
9
|
+
id?: string | number;
|
|
9
10
|
title: string;
|
|
10
11
|
description: string;
|
|
11
12
|
image: {
|
|
@@ -18,13 +19,13 @@ export class NSEntityBar extends Component<NSEntityBarProps> {
|
|
|
18
19
|
override render()
|
|
19
20
|
{
|
|
20
21
|
return (
|
|
21
|
-
<article className={Styles.
|
|
22
|
-
<figure className={Styles.
|
|
22
|
+
<article className={Styles.ns_entity_bar_item}>
|
|
23
|
+
<figure className={Styles.ns_entity_bar_image_container}>
|
|
23
24
|
<img src={this.props.image.src} alt={this.props.image.alt} width={310} height={240} />
|
|
24
25
|
</figure>
|
|
25
|
-
<div className={Styles.
|
|
26
|
-
<h3 className={Styles.
|
|
27
|
-
<p className={Styles.
|
|
26
|
+
<div className={Styles.ns_entity_bar_details_container}>
|
|
27
|
+
<h3 className={Styles.ns_entity_bar_image_title}> {this.props.title} </h3>
|
|
28
|
+
<p className={Styles.ns_entity_bar_image_description} > {this.props.description} </p>
|
|
28
29
|
</div>
|
|
29
30
|
</article>
|
|
30
31
|
);
|
|
@@ -7,7 +7,6 @@ import Styles from './NSSectionBars.module.css';
|
|
|
7
7
|
import { NSEntityBar, NSEntityBarProps } from './NSEntityBar';
|
|
8
8
|
import { NSSection } from './NSSection';
|
|
9
9
|
import { Background } from '../types/Background';
|
|
10
|
-
// import { NSLinkBlue } from './NSLinkBlue';
|
|
11
10
|
|
|
12
11
|
interface NSSectionBarsProps
|
|
13
12
|
{
|
|
@@ -23,7 +22,7 @@ export class NSSectionBars extends Component<NSSectionBarsProps> {
|
|
|
23
22
|
<NSSection background={this.props.background} >
|
|
24
23
|
<div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
|
|
25
24
|
{
|
|
26
|
-
this.props.bars?.map((bar) => <NSEntityBar
|
|
25
|
+
this.props.bars?.map((bar) => <NSEntityBar key={bar.id} {...bar} />)
|
|
27
26
|
}
|
|
28
27
|
</div>
|
|
29
28
|
</NSSection>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
flex-direction: row;
|
|
19
19
|
flex-wrap: wrap;
|
|
20
20
|
justify-content: center;
|
|
21
|
-
gap:
|
|
21
|
+
gap: 24px;
|
|
22
22
|
width: 100%;
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
|
|
31
31
|
.description {
|
|
32
32
|
font-style: normal;
|
|
33
|
-
font-weight:
|
|
33
|
+
font-weight: inherit;
|
|
34
34
|
font-size: 16px;
|
|
35
|
-
font-family:
|
|
36
|
-
line-height:
|
|
35
|
+
font-family: inherit;
|
|
36
|
+
line-height: inherit;
|
|
37
37
|
margin-bottom: 16px;
|
|
38
38
|
}
|
|
@@ -50,7 +50,7 @@ export class NSSectionCards extends Component<NSSectionCardsProps> {
|
|
|
50
50
|
|
|
51
51
|
<div className={` ${Styles.ns_card_container}`}>
|
|
52
52
|
{
|
|
53
|
-
this.props.cards?.map((card) => <NSCard
|
|
53
|
+
this.props.cards?.map((card) => <NSCard key={card.id} {...card} />)
|
|
54
54
|
}
|
|
55
55
|
</div>
|
|
56
56
|
{
|