namirasoft-site-react 1.4.66 → 1.4.67
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/App.js +7 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSCard.js +5 -11
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSCard.module.css +7 -1
- package/dist/components/NSEntityCardBackground.js +1 -1
- package/dist/components/NSEntityCardBackground.js.map +1 -1
- package/dist/components/NSLinkBlue.js +1 -1
- package/package.json +1 -1
- package/src/App.tsx +28 -15
- package/src/components/NSCard.module.css +7 -1
- package/src/components/NSCard.tsx +23 -31
- package/src/components/NSEntityCardBackground.tsx +2 -2
- package/src/components/NSLinkBlue.tsx +1 -1
package/dist/App.js
CHANGED
|
@@ -11,7 +11,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
11
11
|
import './App.css';
|
|
12
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
13
|
import { NSTable } from './components/NSTable';
|
|
14
|
-
import { NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxSearch, NSButtonBlue, NSChartPie, NSDownTimer, NSNotFoundPage } from './main';
|
|
14
|
+
import { NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxSearch, NSButtonBlue, NSCard, NSChartPie, NSDownTimer, NSNotFoundPage } from './main';
|
|
15
15
|
import { useState } from 'react';
|
|
16
16
|
const fakeFormatter = {
|
|
17
17
|
format: (value) => { return value; }
|
|
@@ -180,6 +180,12 @@ export function App() {
|
|
|
180
180
|
} }), _jsx("div", { style: { width: "560px" }, children: _jsx(NSBoxSearch, { required: true, title: 'asdasd', style: { width: "100%", maxWidth: "100%" } }) }), _jsx(NSButtonBlue, { onClick: () => { }, title: 'sssssssssss', disabled: true }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
|
|
181
181
|
title: "Verify Your Email",
|
|
182
182
|
description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
|
|
183
|
+
} }), _jsx(NSCard, { title: "Namirasoft Job Arranger ", description: "asdasd asda sd asd asdd asd ", image: {
|
|
184
|
+
src: "https://static.namirasoft.com/image/namirasoft/history/logo/base.png",
|
|
185
|
+
}, link: {
|
|
186
|
+
href: "ss",
|
|
187
|
+
title: "test",
|
|
188
|
+
target: "_seld"
|
|
183
189
|
} }), _jsx("div", { className: "flex justify-content-center align-items-center w-100", children: _jsx(NSChartPie, { datas: [7, 5, 8, 22, 5, 18], labels: ["test", "test2", "test3", "test4", "test5", "test6",], backgroundColors: ["#FF5733",
|
|
184
190
|
"#42A5F5",
|
|
185
191
|
"#FFC107",
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAgD,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAuB,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
3
3
|
import { NSLinkBlue } from './NSLinkBlue';
|
|
4
|
+
import Styles from './NSCard.module.css';
|
|
4
5
|
export function NSCard(props) {
|
|
5
6
|
var _a, _b;
|
|
6
|
-
return (_jsxs("
|
|
7
|
-
alignItems: props.description ? "flex-start" : "center",
|
|
8
|
-
}, children: [_jsx("img", Object.assign({ className: Styles.ns_card_img, alt: 'Card' }, props.image)), props.headline &&
|
|
7
|
+
return (_jsxs("div", { id: props.id, className: `${Styles.ns_card} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsxs("a", { href: props.link.href, target: '_blank', rel: "noreferrer", className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, children: [_jsx("img", Object.assign({ className: Styles.ns_card_img, alt: 'Card' }, props.image)), props.headline &&
|
|
9
8
|
_jsxs("span", { className: Styles.ns_card_headline, style: { color: (_b = props.headline) === null || _b === void 0 ? void 0 : _b.color }, children: [" ", props.headline.text, " "] }), _jsx("h3", { className: Styles.ns_card_title, children: props.title })] }), props.description &&
|
|
10
|
-
_jsx("p", { className: Styles.ns_card_description, children: props.description })] }), props.link
|
|
11
|
-
props.link.title
|
|
12
|
-
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { title: props.link.title, href: props.link.href, target: props.link.target, style: { marginTop: "24px" } }) })
|
|
13
|
-
:
|
|
14
|
-
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: props.link.href, target: props.link.target }) })
|
|
15
|
-
:
|
|
16
|
-
_jsx("div", {})] }));
|
|
9
|
+
_jsx("p", { className: Styles.ns_card_description, children: props.description })] }), props.link.title &&
|
|
10
|
+
_jsxs("div", { className: Styles.ns_card_link_container, children: [_jsx(NSLinkBlue, { title: props.link.title, href: props.link.href, target: props.link.target, style: { marginTop: "24px" } }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL })] })] }));
|
|
17
11
|
}
|
|
18
12
|
//# sourceMappingURL=NSCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAcxC,MAAM,UAAU,MAAM,CAAC,KAAmB;;IAEzC,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC5D,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,aACC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAE1C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,aACvC,4BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAC,MAAM,IAAK,KAAK,CAAC,KAAK,EAAI,EACjE,KAAK,CAAC,QAAQ;gCACd,gBAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,EAAE,kBAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,SAAS,EAElH,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,KAAK,CAAC,KAAK,GACR,IACA,EAEL,KAAK,CAAC,WAAW;wBACjB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,KAAK,CAAC,WAAW,GACf,IAEF,EAEH,KAAK,CAAC,IAAI,CAAC,KAAK;gBAChB,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAC5C,KAAC,UAAU,IACV,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAC3B,EACF,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,IACnC,IAED,CACP,CAAC;AACH,CAAC"}
|
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
/* gap: 24px 0; */
|
|
8
8
|
background-color: #fff;
|
|
9
9
|
box-shadow: 0 2px 10px 4px #00000040;
|
|
10
|
-
padding: 24px;
|
|
11
10
|
border-radius: 24px;
|
|
12
11
|
max-width: 310px;
|
|
13
12
|
position: relative;
|
|
@@ -18,7 +17,12 @@
|
|
|
18
17
|
flex-direction: column;
|
|
19
18
|
align-items: center;
|
|
20
19
|
justify-content: space-between;
|
|
20
|
+
gap: 16px;
|
|
21
21
|
color: #001664;
|
|
22
|
+
width: 100%;
|
|
23
|
+
height: 100%;
|
|
24
|
+
padding: 24px;
|
|
25
|
+
text-decoration: none;
|
|
22
26
|
}
|
|
23
27
|
|
|
24
28
|
.ns_card_title_img {
|
|
@@ -46,6 +50,7 @@
|
|
|
46
50
|
text-align: center;
|
|
47
51
|
width: 100%;
|
|
48
52
|
color: inherit;
|
|
53
|
+
margin-bottom: 0;
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
.ns_card_headline {
|
|
@@ -66,6 +71,7 @@
|
|
|
66
71
|
line-height: normal;
|
|
67
72
|
text-align: justify;
|
|
68
73
|
color: inherit;
|
|
74
|
+
margin-bottom: 0;
|
|
69
75
|
}
|
|
70
76
|
|
|
71
77
|
.ns_card_link {
|
|
@@ -3,7 +3,7 @@ import Styles from './NSEntityCardBackground.module.css';
|
|
|
3
3
|
import { NSLinkBlue } from './NSLinkBlue';
|
|
4
4
|
export function NSEntityCardBackground(props) {
|
|
5
5
|
var _a;
|
|
6
|
-
return (_jsx(_Fragment, { children: _jsxs("article", { id: props.id, className: `${Styles.card_background} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("
|
|
6
|
+
return (_jsx(_Fragment, { children: _jsxs("article", { id: props.id, className: `${Styles.card_background} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("h3", { className: Styles.card_background_text, children: props.title }), props.link &&
|
|
7
7
|
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: props.link.href, target: props.link.target }) })] }) }));
|
|
8
8
|
}
|
|
9
9
|
//# sourceMappingURL=NSEntityCardBackground.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,MAAM,UAAU,sBAAsB,CAAC,KAAmC;;IAEzE,OAAO,CACN,4BACC,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACpE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,
|
|
1
|
+
{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,MAAM,UAAU,sBAAsB,CAAC,KAAmC;;IAEzE,OAAO,CACN,4BACC,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACpE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,aAAI,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACxC,KAAK,CAAC,KAAK,GACR,EAEJ,KAAK,CAAC,IAAI;oBACV,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,GACxB,GACG,IAEG,GACT,CACH,CAAC;AACH,CAAC"}
|
|
@@ -5,7 +5,7 @@ export function NSLinkBlue(props) {
|
|
|
5
5
|
color: "#fff",
|
|
6
6
|
border: "none",
|
|
7
7
|
backgroundColor: "rgba(3, 119, 255, 1)",
|
|
8
|
-
width: "
|
|
8
|
+
width: "272px",
|
|
9
9
|
height: "48px",
|
|
10
10
|
boxShadow: "inset 0 - 4px 4px 0px rgb(0 0 0 / 25 %)"
|
|
11
11
|
}, title: props.title, href: props.href, target: props.target }));
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
3
|
import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
|
|
4
|
-
import { BaseColumnFormatter, NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxSearch, NSButtonBlue, NSChartPie, NSDownTimer, NSNotFoundPage
|
|
4
|
+
import { BaseColumnFormatter, NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxSearch, NSButtonBlue, NSCard, NSChartPie, NSDownTimer, NSNotFoundPage} from './main';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
|
|
7
7
|
export interface INSBarActionState
|
|
@@ -261,25 +261,38 @@ export function App()
|
|
|
261
261
|
}
|
|
262
262
|
}
|
|
263
263
|
/>
|
|
264
|
+
<NSCard
|
|
265
|
+
title="Namirasoft Job Arranger "
|
|
266
|
+
description="asdasd asda sd asd asdd asd "
|
|
267
|
+
image={{
|
|
268
|
+
src: "https://static.namirasoft.com/image/namirasoft/history/logo/base.png",
|
|
269
|
+
}}
|
|
270
|
+
link={{
|
|
271
|
+
href: "ss",
|
|
272
|
+
title:"test",
|
|
273
|
+
target: "_seld"
|
|
274
|
+
}}
|
|
275
|
+
/>
|
|
276
|
+
|
|
264
277
|
<div className="flex justify-content-center align-items-center w-100">
|
|
265
278
|
<NSChartPie
|
|
266
279
|
datas={[7, 5, 8, 22, 5, 18]}
|
|
267
280
|
labels={["test", "test2", "test3", "test4", "test5", "test6",]}
|
|
268
281
|
backgroundColors={["#FF5733",
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
282
|
+
"#42A5F5",
|
|
283
|
+
"#FFC107",
|
|
284
|
+
"#8BC34A",
|
|
285
|
+
"#FF5722",
|
|
286
|
+
"#673AB7",
|
|
287
|
+
"#E91E63",
|
|
288
|
+
"#4CAF50",
|
|
289
|
+
"#FF9800",
|
|
290
|
+
"#9C27B0",
|
|
291
|
+
"#2196F3",
|
|
292
|
+
"#FFEB3B",
|
|
293
|
+
"#FF4081",
|
|
294
|
+
"#00BCD4",
|
|
295
|
+
"#CDDC39",]}
|
|
283
296
|
/>
|
|
284
297
|
</div>
|
|
285
298
|
<NSBoxBoolean
|
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
/* gap: 24px 0; */
|
|
8
8
|
background-color: #fff;
|
|
9
9
|
box-shadow: 0 2px 10px 4px #00000040;
|
|
10
|
-
padding: 24px;
|
|
11
10
|
border-radius: 24px;
|
|
12
11
|
max-width: 310px;
|
|
13
12
|
position: relative;
|
|
@@ -18,7 +17,12 @@
|
|
|
18
17
|
flex-direction: column;
|
|
19
18
|
align-items: center;
|
|
20
19
|
justify-content: space-between;
|
|
20
|
+
gap: 16px;
|
|
21
21
|
color: #001664;
|
|
22
|
+
width: 100%;
|
|
23
|
+
height: 100%;
|
|
24
|
+
padding: 24px;
|
|
25
|
+
text-decoration: none;
|
|
22
26
|
}
|
|
23
27
|
|
|
24
28
|
.ns_card_title_img {
|
|
@@ -46,6 +50,7 @@
|
|
|
46
50
|
text-align: center;
|
|
47
51
|
width: 100%;
|
|
48
52
|
color: inherit;
|
|
53
|
+
margin-bottom: 0;
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
.ns_card_headline {
|
|
@@ -66,6 +71,7 @@
|
|
|
66
71
|
line-height: normal;
|
|
67
72
|
text-align: justify;
|
|
68
73
|
color: inherit;
|
|
74
|
+
margin-bottom: 0;
|
|
69
75
|
}
|
|
70
76
|
|
|
71
77
|
.ns_card_link {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
2
2
|
import { NSLinkBlue } from './NSLinkBlue';
|
|
3
3
|
import { ILinkProps } from '../props/ILinkProps';
|
|
4
4
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
5
5
|
import { IImageProps } from '../props/IImageProps';
|
|
6
|
+
import Styles from './NSCard.module.css'
|
|
6
7
|
|
|
7
8
|
export interface INSCardProps extends IBaseComponentProps
|
|
8
9
|
{
|
|
@@ -19,18 +20,18 @@ export interface INSCardProps extends IBaseComponentProps
|
|
|
19
20
|
export function NSCard(props: INSCardProps)
|
|
20
21
|
{
|
|
21
22
|
return (
|
|
22
|
-
<
|
|
23
|
+
<div
|
|
24
|
+
id={props.id}
|
|
23
25
|
className={`${Styles.ns_card} ${props.classList?.join(" ")}`}
|
|
24
26
|
style={props.style}
|
|
25
|
-
target='_blank'
|
|
26
|
-
rel="noreferrer"
|
|
27
27
|
>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
<a
|
|
29
|
+
href={props.link.href}
|
|
30
|
+
target='_blank'
|
|
31
|
+
rel="noreferrer"
|
|
32
|
+
className={Styles.ns_card_detail_container}
|
|
33
|
+
>
|
|
34
|
+
<div className={Styles.ns_card_title_img}>
|
|
34
35
|
<img className={Styles.ns_card_img} alt='Card' {...props.image} />
|
|
35
36
|
{props.headline &&
|
|
36
37
|
<span className={Styles.ns_card_headline} style={{ color: props.headline?.color }}> {props.headline.text} </span>
|
|
@@ -45,28 +46,19 @@ export function NSCard(props: INSCardProps)
|
|
|
45
46
|
{props.description}
|
|
46
47
|
</p>
|
|
47
48
|
}
|
|
48
|
-
</
|
|
49
|
+
</a>
|
|
49
50
|
{
|
|
50
|
-
props.link
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
:
|
|
61
|
-
<div className={Styles.ns_card_link_container}>
|
|
62
|
-
<NSLinkBlue
|
|
63
|
-
href={props.link.href}
|
|
64
|
-
target={props.link.target}
|
|
65
|
-
/>
|
|
66
|
-
</div>
|
|
67
|
-
:
|
|
68
|
-
<div></div>
|
|
51
|
+
props.link.title &&
|
|
52
|
+
<div className={Styles.ns_card_link_container}>
|
|
53
|
+
<NSLinkBlue
|
|
54
|
+
title={props.link.title}
|
|
55
|
+
href={props.link.href}
|
|
56
|
+
target={props.link.target}
|
|
57
|
+
style={{ marginTop: "24px" }}
|
|
58
|
+
/>
|
|
59
|
+
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
60
|
+
</div>
|
|
69
61
|
}
|
|
70
|
-
</
|
|
62
|
+
</div >
|
|
71
63
|
);
|
|
72
64
|
}
|
|
@@ -17,9 +17,9 @@ export function NSEntityCardBackground(props: INSEntityCardBackgroundProps)
|
|
|
17
17
|
className={`${Styles.card_background} ${props.classList?.join(" ")}`}
|
|
18
18
|
style={props.style}
|
|
19
19
|
>
|
|
20
|
-
<
|
|
20
|
+
<h3 className={Styles.card_background_text}>
|
|
21
21
|
{props.title}
|
|
22
|
-
</
|
|
22
|
+
</h3>
|
|
23
23
|
{
|
|
24
24
|
props.link &&
|
|
25
25
|
<div className={Styles.ns_card_link_container}>
|