namirasoft-site-react 1.3.2 → 1.3.4
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/assets/images/arrow.svg +3 -0
- package/dist/assets/images/danger.svg +3 -0
- package/dist/assets/images/exit.svg +3 -0
- package/dist/assets/images/icon-input-date.svg +9 -0
- package/dist/assets/images/icon-input-duration.svg +9 -0
- package/dist/assets/images/icon-input-email.svg +9 -0
- package/dist/assets/images/icon-input-float.svg +9 -0
- package/dist/assets/images/icon-input-id.svg +9 -0
- package/dist/assets/images/icon-input-integer.svg +9 -0
- package/dist/assets/images/icon-input-phone.svg +9 -0
- package/dist/assets/images/icon-input-price.svg +9 -0
- package/dist/assets/images/icon-input-search.svg +4 -0
- package/dist/assets/images/icon-input-string.svg +9 -0
- package/dist/assets/images/icon-input-text.svg +9 -0
- package/dist/assets/images/icon-input-time.svg +9 -0
- package/dist/assets/images/logo.svg +9 -0
- package/dist/assets/images/map_location.png +0 -0
- package/dist/assets/images/menu.svg +3 -0
- package/dist/assets/images/namira.svg +9 -0
- package/dist/assets/images/rectangle.svg +3 -0
- package/dist/components/NSButtonGreen.module.css +12 -0
- package/dist/components/NSButtonRed.module.css +12 -0
- package/dist/components/NSCard.d.ts +2 -2
- package/dist/components/NSCard.js +6 -3
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSCard.module.css +113 -0
- package/dist/components/NSEntityBar.module.css +54 -0
- package/dist/components/NSEntityCardBackground.d.ts +19 -0
- package/dist/components/NSEntityCardBackground.js +27 -0
- package/dist/components/NSEntityCardBackground.js.map +1 -0
- package/dist/components/NSEntityCardBackground.module.css +40 -0
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSFooter.module.css +102 -0
- package/dist/components/NSHeader.d.ts +1 -0
- package/dist/components/NSHeader.js +2 -1
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +181 -0
- package/dist/components/NSInputDate.module.css +36 -0
- package/dist/components/NSInputDuration.module.css +26 -0
- package/dist/components/NSInputEmail.js.map +1 -1
- package/dist/components/NSInputEmail.module.css +38 -0
- package/dist/components/NSInputFloat.module.css +26 -0
- package/dist/components/NSInputIP.module.css +26 -0
- package/dist/components/NSInputInteger.module.css +26 -0
- package/dist/components/NSInputPhone.module.css +33 -0
- package/dist/components/NSInputPrice.module.css +27 -0
- package/dist/components/NSInputSearch.js.map +1 -1
- package/dist/components/NSInputSearch.module.css +26 -0
- package/dist/components/NSInputString.module.css +27 -0
- package/dist/components/NSInputText.module.css +28 -0
- package/dist/components/NSInputTime.module.css +27 -0
- package/dist/components/NSLayout.module.css +17 -0
- package/dist/components/NSLayoutHeroBanner.module.css +43 -0
- package/dist/components/NSLinkBlue.module.css +24 -0
- package/dist/components/NSLinkGreen.module.css +16 -0
- package/dist/components/NSLinkRed.module.css +16 -0
- package/dist/components/NSPagination.module.css +25 -0
- package/dist/components/NSSection.module.css +10 -0
- package/dist/components/NSSectionBars.module.css +11 -0
- package/dist/components/NSSectionCards.module.css +38 -0
- package/dist/components/NSSectionTitle.module.css +0 -0
- package/dist/components/NSSelectBox.module.css +29 -0
- package/dist/components/NSTable.modules.css +77 -0
- package/dist/components/NSTitle.module.css +10 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/dist/pages/NSLoginPage.modules.css +0 -0
- package/package.json +4 -4
- package/src/components/NSCard.module.css +17 -1
- package/src/components/NSCard.tsx +11 -5
- package/src/components/NSEntityCardBackground.module.css +40 -0
- package/src/components/NSEntityCardBackground.tsx +68 -0
- package/src/components/NSHeader.tsx +23 -18
- package/src/main.ts +1 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
2
|
export interface NSCardProps {
|
|
3
3
|
id?: string | number;
|
|
4
|
-
title
|
|
4
|
+
title?: string;
|
|
5
5
|
description?: string;
|
|
6
6
|
image: {
|
|
7
7
|
src: string;
|
|
8
8
|
alt: string;
|
|
9
9
|
};
|
|
10
10
|
link?: {
|
|
11
|
-
text
|
|
11
|
+
text?: string;
|
|
12
12
|
href: string;
|
|
13
13
|
target?: string;
|
|
14
14
|
};
|
|
@@ -4,10 +4,13 @@ import { Component } from 'react';
|
|
|
4
4
|
import Styles from './NSCard.module.css';
|
|
5
5
|
export class NSCard extends Component {
|
|
6
6
|
render() {
|
|
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.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 &&
|
|
7
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
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.title })] }), this.props.description &&
|
|
9
9
|
_jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link &&
|
|
10
|
-
|
|
10
|
+
this.props.link.text ?
|
|
11
|
+
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_card_link, href: (_a = this.props.link) === null || _a === void 0 ? void 0 : _a.href, target: (_c = (_b = this.props.link) === null || _b === void 0 ? void 0 : _b.target) !== null && _c !== void 0 ? _c : "_self", children: (_d = this.props.link) === null || _d === void 0 ? void 0 : _d.text }) })
|
|
12
|
+
:
|
|
13
|
+
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_link_absolute, href: (_e = this.props.link) === null || _e === void 0 ? void 0 : _e.href, target: (_g = (_f = this.props.link) === null || _f === void 0 ? void 0 : _f.target) !== null && _g !== void 0 ? _g : "_self" }) })] }) }));
|
|
11
14
|
}
|
|
12
15
|
}
|
|
13
16
|
//# sourceMappingURL=NSCard.js.map
|
|
@@ -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;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,
|
|
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,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACjC,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,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACtB,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,YACxG,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,GACnB,GACC;wBACN,CAAC;4BACD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,GAC1G,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
.ns_card {
|
|
2
|
+
width: 100%;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
gap: 24px 0;
|
|
8
|
+
background-color: #fff;
|
|
9
|
+
box-shadow: 0 2px 10px 4px #00000040;
|
|
10
|
+
padding: 24px;
|
|
11
|
+
border-radius: 24px;
|
|
12
|
+
width: 100%;
|
|
13
|
+
max-width: 358px;
|
|
14
|
+
position: relative;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ns_card_detail_container {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
align-items: center;
|
|
21
|
+
justify-content: space-between;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_card_title_img {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
align-items: center;
|
|
28
|
+
justify-content: flex-start;
|
|
29
|
+
gap: 24px;
|
|
30
|
+
margin-bottom: 16px;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.ns_card_img {
|
|
35
|
+
object-fit: cover;
|
|
36
|
+
width: 100%;
|
|
37
|
+
height: 100%;
|
|
38
|
+
max-height: 310px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.ns_card_title {
|
|
42
|
+
font-style: inherit;
|
|
43
|
+
font-size: 24px;
|
|
44
|
+
font-weight: 700;
|
|
45
|
+
font-family: inherit;
|
|
46
|
+
line-height: normal;
|
|
47
|
+
color: inherit;
|
|
48
|
+
text-align: inherit;
|
|
49
|
+
color: #141161;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.ns_card_description {
|
|
53
|
+
font-style: normal;
|
|
54
|
+
font-size: 16px;
|
|
55
|
+
font-weight: 400;
|
|
56
|
+
font-family: inherit;
|
|
57
|
+
line-height: normal;
|
|
58
|
+
color: inherit;
|
|
59
|
+
text-align: justify;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.ns_card_link {
|
|
63
|
+
display: flex;
|
|
64
|
+
align-items: center;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
padding: 12px 24px;
|
|
67
|
+
background-color: #3963FF;
|
|
68
|
+
box-shadow: inset 2px 2px 2px 0 #1754F3;
|
|
69
|
+
color: #fff;
|
|
70
|
+
font-weight: 400;
|
|
71
|
+
font-style: 16px;
|
|
72
|
+
line-height: normal;
|
|
73
|
+
border-radius: 24px;
|
|
74
|
+
width: 100%;
|
|
75
|
+
max-width: 310px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.ns_card_link_container {
|
|
79
|
+
width: 100%;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.ns_link_absolute {
|
|
83
|
+
position: absolute;
|
|
84
|
+
width: 100%;
|
|
85
|
+
height: 100%;
|
|
86
|
+
left: 0;
|
|
87
|
+
right: 0;
|
|
88
|
+
top:0;
|
|
89
|
+
bottom: 0;
|
|
90
|
+
cursor: pointer;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
@media only screen and (min-width: 576px) {
|
|
95
|
+
.ns_card {
|
|
96
|
+
width: 65%;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@media only screen and (min-width: 768px) {
|
|
101
|
+
.ns_card {
|
|
102
|
+
width: 41%;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@media only screen and (min-width: 1024px) {
|
|
107
|
+
.ns_card {
|
|
108
|
+
width: 31%;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
.ns_entity_bar_item {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: flex-start;
|
|
5
|
+
align-items: flex-start;
|
|
6
|
+
gap: 24px;
|
|
7
|
+
padding: 24px;
|
|
8
|
+
box-shadow: 0 2px 10px 4px #00000040;
|
|
9
|
+
width: 100%;
|
|
10
|
+
max-width: 358px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ns_entity_bar_image_container {
|
|
14
|
+
width: 100%;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ns_entity_bar_details_container {
|
|
18
|
+
text-align: start;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ns_entity_bar_image_title {
|
|
22
|
+
color: #001664;
|
|
23
|
+
font-size: 32px;
|
|
24
|
+
font-weight: 700;
|
|
25
|
+
font-family: inherit;
|
|
26
|
+
line-height: 32px;
|
|
27
|
+
margin-bottom: 16px;
|
|
28
|
+
text-align: start;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ns_entity_bar_image_description {
|
|
32
|
+
color: #001664;
|
|
33
|
+
font-size: 16px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
font-family: inherit;
|
|
36
|
+
line-height: 24px;
|
|
37
|
+
text-align: justify;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media only screen and (min-width: 992px) {
|
|
41
|
+
.ns_entity_bar_item {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: row;
|
|
44
|
+
justify-content: flex-start;
|
|
45
|
+
align-items: flex-start;
|
|
46
|
+
gap: 48px;
|
|
47
|
+
width: 100%;
|
|
48
|
+
max-width: 1170px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ns_entity_bar_details_container {
|
|
52
|
+
padding: 24px 0;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { Background } from '../types/Background';
|
|
3
|
+
export interface IProps {
|
|
4
|
+
id?: string | number;
|
|
5
|
+
title: string;
|
|
6
|
+
link?: {
|
|
7
|
+
href: string;
|
|
8
|
+
target?: string;
|
|
9
|
+
};
|
|
10
|
+
background?: Background;
|
|
11
|
+
}
|
|
12
|
+
interface IState {
|
|
13
|
+
background?: Background;
|
|
14
|
+
}
|
|
15
|
+
export declare class NSEntityCardBackground extends Component<IProps, IState> {
|
|
16
|
+
constructor(props: IProps);
|
|
17
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { Component } from 'react';
|
|
4
|
+
import Styles from './NSEntityCardBackground.module.css';
|
|
5
|
+
export class NSEntityCardBackground extends Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
var _a, _b, _c;
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
background: {
|
|
11
|
+
image: `url(${(_a = props.background) === null || _a === void 0 ? void 0 : _a.image})`,
|
|
12
|
+
color: (_b = props.background) === null || _b === void 0 ? void 0 : _b.color,
|
|
13
|
+
position: (_c = props.background) === null || _c === void 0 ? void 0 : _c.position
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
var _a, _b, _c, _d, _e, _f;
|
|
19
|
+
return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.card_background, style: {
|
|
20
|
+
backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
|
|
21
|
+
backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
|
|
22
|
+
backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
|
|
23
|
+
}, children: [_jsx("p", { className: Styles.card_background_text, children: this.props.title }), this.props.link &&
|
|
24
|
+
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_link_absolute, href: (_d = this.props.link) === null || _d === void 0 ? void 0 : _d.href, target: (_f = (_e = this.props.link) === null || _e === void 0 ? void 0 : _e.target) !== null && _f !== void 0 ? _f : "_self" }) })] }) }));
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=NSEntityCardBackground.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAqBxD,MAAM,OAAO,sBAAuB,SAAQ,SAAyB;IAEpE,YAAY,KAAa;;QAExB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IAEQ,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,eAAe,EACzC,KAAK,EACJ;oBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;iBACnD,aAGD,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAGH,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,GAC1G,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
.card_background {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
align-items: flex-end;
|
|
5
|
+
justify-content: flex-end;
|
|
6
|
+
gap: 24px 0;
|
|
7
|
+
box-shadow: 0 2px 10px 4px #00000040;
|
|
8
|
+
padding: 24px;
|
|
9
|
+
border-radius: 24px;
|
|
10
|
+
width: 100%;
|
|
11
|
+
max-width: 358px;
|
|
12
|
+
position: relative;
|
|
13
|
+
color: #fff;
|
|
14
|
+
background-repeat: no-repeat;
|
|
15
|
+
background-size: cover;
|
|
16
|
+
background-position: center;
|
|
17
|
+
min-height: 320px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.card_background_text {
|
|
21
|
+
font-size: 16px;
|
|
22
|
+
font-weight: 400;
|
|
23
|
+
line-height: inherit;
|
|
24
|
+
font-family: inherit;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.ns_card_link_container {
|
|
28
|
+
width: 100%;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ns_link_absolute {
|
|
32
|
+
position: absolute;
|
|
33
|
+
width: 100%;
|
|
34
|
+
height: 100%;
|
|
35
|
+
left: 0;
|
|
36
|
+
right: 0;
|
|
37
|
+
top: 0;
|
|
38
|
+
bottom: 0;
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
.ns_footer {
|
|
2
|
+
width: 100%;
|
|
3
|
+
background-color: #001664;
|
|
4
|
+
padding: 16px 0 8px 0;
|
|
5
|
+
display: flex;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ns_footer>.ns_package_footer {
|
|
10
|
+
padding-left: 1rem !important;
|
|
11
|
+
padding-right: 1rem !important;
|
|
12
|
+
margin-right: auto;
|
|
13
|
+
margin-left: auto;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ns_footer_parent_items {
|
|
17
|
+
display: flex;
|
|
18
|
+
justify-content: space-between;
|
|
19
|
+
gap: 64px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.ns_footer_project_logo_tablet {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_footer_menu_container {
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-wrap: wrap;
|
|
29
|
+
width: 100%;
|
|
30
|
+
gap: 48px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_footer_namira_logo_tablet {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.ns_footer_logos_mobile {
|
|
38
|
+
display: flex;
|
|
39
|
+
justify-content: center;
|
|
40
|
+
gap: 24px;
|
|
41
|
+
margin-bottom: 16px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ns_footer_menu_container ul {
|
|
45
|
+
list-style: none;
|
|
46
|
+
color: #fff;
|
|
47
|
+
padding: 0;
|
|
48
|
+
font-size: 16px;
|
|
49
|
+
font-weight: 600;
|
|
50
|
+
line-height: normal;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.ns_footer_menu_container li {
|
|
54
|
+
font-size: 12px !important;
|
|
55
|
+
font-weight: 300 !important;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.ns_footer_copyright {
|
|
59
|
+
color: #fff !important;
|
|
60
|
+
text-align: center;
|
|
61
|
+
width: 100%;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.ns_footer_copyright span,
|
|
65
|
+
.ns_footer_copyright a {
|
|
66
|
+
color: #fff !important;
|
|
67
|
+
text-align: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@media only screen and (min-width: 768px) {
|
|
71
|
+
.ns_footer_project_logo_tablet {
|
|
72
|
+
display: block;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.ns_footer_namira_logo_tablet {
|
|
76
|
+
display: flex;
|
|
77
|
+
justify-content: flex-end;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.ns_footer_logos_mobile {
|
|
81
|
+
display: none;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@media only screen and (min-width: 1024px) {
|
|
86
|
+
.ns_footer>.ns_package_footer {
|
|
87
|
+
padding-left: 3rem !important;
|
|
88
|
+
padding-right: 3rem !important;
|
|
89
|
+
margin-right: auto;
|
|
90
|
+
margin-left: auto;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/* Is these two exist ? */
|
|
95
|
+
.ns_footer h5 {
|
|
96
|
+
font-size: 16px !important;
|
|
97
|
+
font-weight: 600 !important;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.footns_footer li {
|
|
101
|
+
color: #fff;
|
|
102
|
+
}
|
|
@@ -35,7 +35,8 @@ export class NSHeader extends React.Component {
|
|
|
35
35
|
this.setState({ showNavbar: !this.state.showNavbar });
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, 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) }),
|
|
38
|
+
return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, 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 &&
|
|
39
|
+
_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: '../assets/images/exit.svg', alt: "Exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: '../assets/images/menu.svg', alt: "Menu", width: 19, height: 17 }) })] })] })] }) }));
|
|
39
40
|
}
|
|
40
41
|
render_menu(level, parent_id) {
|
|
41
42
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
.ns_navbar_content {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: space-between;
|
|
4
|
+
gap: 8px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.ns_navbar_login_status {
|
|
8
|
+
display: flex;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
align-items: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ns_navbar_usersname {
|
|
14
|
+
color: #fff !important;
|
|
15
|
+
font-size: 16px;
|
|
16
|
+
font-weight: 400;
|
|
17
|
+
margin-right: 8px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.ns_navbar {
|
|
21
|
+
min-height: 60px;
|
|
22
|
+
background-color: rgba(0, 0, 0, 0.3) !important;
|
|
23
|
+
position: relative;
|
|
24
|
+
z-index: 10;
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ns_navbar_menu_icon {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.ns_navbar_elements ul {
|
|
35
|
+
display: flex;
|
|
36
|
+
justify-content: space-between;
|
|
37
|
+
list-style-type: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_navbar_elements ul li:not(:last-child) {
|
|
41
|
+
margin-right: 60px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ns_navbar_elements ul a {
|
|
45
|
+
font-size: 16px;
|
|
46
|
+
font-weight: 400;
|
|
47
|
+
color: #2f234f;
|
|
48
|
+
text-decoration: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ns_navbar_elements ul a.ns_navbar_active {
|
|
52
|
+
color: #574c4c;
|
|
53
|
+
font-weight: 500;
|
|
54
|
+
position: relative;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.ns_navbar_elements ul a.ns_navbar_active::after {
|
|
58
|
+
content: "";
|
|
59
|
+
position: absolute;
|
|
60
|
+
bottom: -4px;
|
|
61
|
+
left: 0;
|
|
62
|
+
width: 100%;
|
|
63
|
+
height: 2px;
|
|
64
|
+
background-color: #574c4c;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.ns_navbar_items_container {
|
|
68
|
+
margin-right: auto;
|
|
69
|
+
margin-inline-end: auto;
|
|
70
|
+
--bs-nav-link-padding-x: 1rem;
|
|
71
|
+
--bs-nav-link-padding-y: 0.5rem;
|
|
72
|
+
--bs-nav-link-font-weight: ;
|
|
73
|
+
--bs-nav-link-color: var(--bs-link-color);
|
|
74
|
+
--bs-nav-link-hover-color: var(--bs-link-hover-color);
|
|
75
|
+
--bs-nav-link-disabled-color: var(--bs-secondary-color);
|
|
76
|
+
display: flex;
|
|
77
|
+
flex-wrap: wrap;
|
|
78
|
+
padding-left: 0;
|
|
79
|
+
margin-bottom: 0;
|
|
80
|
+
list-style: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.ns_navbar_items_link {
|
|
84
|
+
display: block;
|
|
85
|
+
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
|
|
86
|
+
font-size: var(--bs-nav-link-font-size);
|
|
87
|
+
font-weight: var(--bs-nav-link-font-weight);
|
|
88
|
+
color: var(--bs-nav-link-color);
|
|
89
|
+
text-decoration: none;
|
|
90
|
+
background: 0 0;
|
|
91
|
+
border: 0;
|
|
92
|
+
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
@media (max-width: 768px) {
|
|
98
|
+
.ns_navbar_elements ul li:not(:last-child) {
|
|
99
|
+
margin-right: 30px;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@media (max-width: 1024px) {
|
|
104
|
+
.ns_navbar_menu_icon {
|
|
105
|
+
display: block;
|
|
106
|
+
cursor: pointer;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.ns_navbar_elements {
|
|
110
|
+
position: absolute;
|
|
111
|
+
right: 0;
|
|
112
|
+
top: 60px;
|
|
113
|
+
width: 0px;
|
|
114
|
+
height: calc(100vh - 60px);
|
|
115
|
+
transition: all 0.3s ease-in;
|
|
116
|
+
overflow: hidden;
|
|
117
|
+
background-color: rgb(0 15 53 / 98%) !important;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.ns_navbar_elements.ns_navbar_active {
|
|
121
|
+
width: 270px;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.ns_navbar_elements ul {
|
|
125
|
+
display: flex;
|
|
126
|
+
flex-direction: column;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.ns_navbar_elements ul li {
|
|
130
|
+
margin-right: unset;
|
|
131
|
+
margin-top: 22px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.ns_navbar_elements div {
|
|
135
|
+
flex-direction: column;
|
|
136
|
+
align-content: center;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.ns_navbar_parent_content {
|
|
141
|
+
display: flex;
|
|
142
|
+
align-items: center;
|
|
143
|
+
justify-content: space-between;
|
|
144
|
+
padding-left: 1rem;
|
|
145
|
+
padding-right: 1rem;
|
|
146
|
+
margin-left: auto;
|
|
147
|
+
margin-right: auto;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
@media only screen and (min-width: 1024px) {
|
|
151
|
+
|
|
152
|
+
.ns_navbar_parent_content {
|
|
153
|
+
padding-right: 3rem;
|
|
154
|
+
padding-left: 3rem;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.ns_nav_second_item .dropdown-menu {
|
|
158
|
+
margin-top: -20% !important;
|
|
159
|
+
margin-left: 100%;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.ns_navbar_content {
|
|
163
|
+
width: 100%;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.ns_navbar_first_level_item a {
|
|
168
|
+
color: #fff;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.ns_navbar_second_level_item a {
|
|
172
|
+
color: #000 !important;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.ns_navbar_first_level_item {
|
|
176
|
+
color: #fff;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.ns_navbar_second_level_item {
|
|
180
|
+
color: #000 !important;
|
|
181
|
+
}
|