namirasoft-site-react 1.4.82 → 1.4.84
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 +22 -4
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxPhone.js +2 -1
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxTextArea.module.css +1 -1
- package/dist/components/NSTabPage.js +1 -1
- package/dist/components/NSTabPage.js.map +1 -1
- package/dist/components/NSTabPage.module.css +4 -4
- package/package.json +1 -1
- package/src/App.css +13 -0
- package/src/App.tsx +70 -2
- package/src/components/NSBoxPhone.tsx +2 -1
- package/src/components/NSBoxTextArea.module.css +1 -1
- package/src/components/NSTabPage.module.css +4 -4
- package/src/components/NSTabPage.tsx +2 -2
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, NSBoxRadio, NSBoxSearch, NSBoxTextArea, NSButtonBlue, NSCard,
|
|
14
|
+
import { NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxRadio, NSBoxSearch, NSBoxTextArea, NSButtonBlue, NSCard, NSChartDoughnut, NSDownTimer, NSNotFoundPage, NSTabPage } from './main';
|
|
15
15
|
import { useState } from 'react';
|
|
16
16
|
const fakeFormatter = {
|
|
17
17
|
format: (value) => { return value; }
|
|
@@ -171,7 +171,25 @@ export function App() {
|
|
|
171
171
|
{ title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
|
|
172
172
|
{ title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
|
|
173
173
|
{ title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
|
|
174
|
-
] }), _jsx(NSBoxRadio, { required: true, title: 'asd' }), _jsx(
|
|
174
|
+
] }), _jsx(NSBoxRadio, { required: true, title: 'asd' }), _jsx(NSTabPage, { tabs: [{
|
|
175
|
+
title: "asdasd",
|
|
176
|
+
getContent: () => {
|
|
177
|
+
return (_jsx("div", { style: { backgroundColor: "#fff", width: "100%", color: "#fff" }, className: 'ns_tab_page_custom_style', children: _jsx(NSBoxPhone, { required: true, title: 'teststs' }) }));
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
title: "qwe asd ",
|
|
182
|
+
getContent: () => {
|
|
183
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { style: { backgroundColor: "#fff", width: "100%", color: "#fff" }, className: 'ns_tab_page_custom_style', children: _jsx(NSBoxPhone, { required: true, title: 'teststs' }) }), _jsx(NSButtonBlue, { title: "Send", onClick: () => { } })] }));
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
title: ";lkjqwiu lasid yh",
|
|
188
|
+
getContent: () => {
|
|
189
|
+
return (_jsx("div", { style: { backgroundColor: "#fff", width: "100%", color: "#fff" }, className: 'ns_tab_page_custom_style', children: _jsx(NSBoxPhone, { required: true, title: 'teststs' }) }));
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
] }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
|
|
175
193
|
title: "Verify Your Email",
|
|
176
194
|
description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
|
|
177
195
|
} }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
|
|
@@ -186,7 +204,7 @@ export function App() {
|
|
|
186
204
|
href: "ss",
|
|
187
205
|
title: "test",
|
|
188
206
|
target: "_seld"
|
|
189
|
-
} }), _jsx("div", { className: "flex justify-content-center align-items-center w-100", children: _jsx(
|
|
207
|
+
} }), _jsx("div", { className: "flex justify-content-center align-items-center w-100", children: _jsx(NSChartDoughnut, { datas: [7, 5, 8, 22, 5, 18], labels: ["test", "test2", "test3", "test4", "test5", "test6",], backgroundColors: ["#FF5733",
|
|
190
208
|
"#42A5F5",
|
|
191
209
|
"#FFC107",
|
|
192
210
|
"#8BC34A",
|
|
@@ -200,7 +218,7 @@ export function App() {
|
|
|
200
218
|
"#FFEB3B",
|
|
201
219
|
"#FF4081",
|
|
202
220
|
"#00BCD4",
|
|
203
|
-
"#CDDC39",] }) }), _jsx(NSBoxBoolean, { required: false, title: 'test', checked: true }), _jsx("div", { className: 'out', children: _jsx("div", { className: "middle", children: _jsx("div", { className: 'in' }) }) }), _jsx(NSDownTimer, { date: new Date(), text: 'Test ' }), _jsx(NSBoxBooleans, { items: [
|
|
221
|
+
"#CDDC39",], title: 'test' }) }), _jsx(NSBoxBoolean, { required: false, title: 'test', checked: true }), _jsx("div", { className: 'out', children: _jsx("div", { className: "middle", children: _jsx("div", { className: 'in' }) }) }), _jsx(NSDownTimer, { date: new Date(), text: 'Test ' }), _jsx(NSBoxBooleans, { items: [
|
|
204
222
|
{ value: "test1", text: "test1" },
|
|
205
223
|
{ value: "test2", text: "test2" },
|
|
206
224
|
{ value: "test3", text: "test3" },
|
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,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,7 +44,8 @@ export class NSBoxPhone extends React.Component {
|
|
|
44
44
|
var _a;
|
|
45
45
|
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_phone_parent} ${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsx("div", { className: "d-flex justify-content-between align-item-center", children: _jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }) }), _jsx(PhoneInput, { value: this.state.value, onChange: this.setValue, country: 'us', inputClass: Styles.PhoneIconns_input, placeholder: this.props.placeholder, inputStyle: {
|
|
46
46
|
background: `url("https://static.namirasoft.com/image/concept/nsbox/phone.png") white no-repeat scroll center right 16px`,
|
|
47
|
-
backgroundSize: "24px"
|
|
47
|
+
backgroundSize: "24px",
|
|
48
|
+
paddingRight: "42px"
|
|
48
49
|
} }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
49
50
|
}
|
|
50
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export class NSTabPage extends Component {
|
|
|
17
17
|
this.setState({ isClicked }, callback);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (_jsxs("div", { className: `${Styles.ns_tab_page_panel} ${this.props.classList}`, style: this.props.style, children: [_jsx("ul", { children: this.props.tabs.map((tab, index) => (_jsx("li", { className: this.state.activeTabIndex === index ? Styles.
|
|
20
|
+
return (_jsxs("div", { className: `${Styles.ns_tab_page_panel} ${this.props.classList}`, style: this.props.style, children: [_jsx("ul", { className: Styles.ns_tab_page_titles_container, children: this.props.tabs.map((tab, index) => (_jsx("li", { className: `${Styles.ns_tab_page_title} ${this.state.activeTabIndex === index ? Styles.ns_tab_page_title_active : ''}`, onClick: () => {
|
|
21
21
|
let isClicked = this.state.isClicked;
|
|
22
22
|
isClicked[index] = true;
|
|
23
23
|
this.setState({ activeTabIndex: index, isClicked });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAoB5C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAEvE,YAAY,KAAqB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,cAAc,EAAE,CAAC;YACjB,SAAS,EAAE,CAAC,IAAI,CAAC;SACjB,CAAC;IACH,CAAC;IACD,UAAU,CAAC,OAAiB,EAAE,QAAoB;QAEjD,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;YACtC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC;IACQ,MAAM;QAEd,OAAO,CACN,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC7F,
|
|
1
|
+
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAoB5C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAEvE,YAAY,KAAqB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,cAAc,EAAE,CAAC;YACjB,SAAS,EAAE,CAAC,IAAI,CAAC;SACjB,CAAC;IACH,CAAC;IACD,UAAU,CAAC,OAAiB,EAAE,QAAoB;QAEjD,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;YACtC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC;IACQ,MAAM;QAEd,OAAO,CACN,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC7F,aAAI,SAAS,EAAE,MAAM,CAAC,4BAA4B,YAEhD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,aAEC,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,EACtH,OAAO,EAAE,GAAG,EAAE;4BAEb,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;4BACrC,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;4BACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;wBACpD,CAAC,YAEA,GAAG,CAAC,KAAK,IATL,oBAAoB,KAAK,EAAE,CAU5B,CACL,CAAC,GAEC,EAEJ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,cAEC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,EACtF,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YAGxE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,mBAAK,IALlD,qBAAqB,KAAK,EAAE,CAO5B,CACN,CAAC,IAEE,CACN,CAAC;IACH,CAAC;CACD"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
width: 100%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.ns_tab_page_panel ul {
|
|
9
|
+
.ns_tab_page_panel ul.ns_tab_page_titles_container {
|
|
10
10
|
list-style-type: none;
|
|
11
11
|
margin: 0;
|
|
12
12
|
padding: 0;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
overflow-x: auto;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.ns_tab_page_panel li {
|
|
17
|
+
.ns_tab_page_panel li.ns_tab_page_title {
|
|
18
18
|
text-align: center;
|
|
19
19
|
padding: 0px 16px;
|
|
20
20
|
cursor: pointer;
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
margin: 14px 0;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.ns_tab_page_panel
|
|
28
|
+
.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title:last-child {
|
|
29
29
|
border-right: none;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.ns_tab_page_panel
|
|
32
|
+
.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title_active {
|
|
33
33
|
background-color: #fff;
|
|
34
34
|
border-radius: 8px 8px 0 0;
|
|
35
35
|
color: #141B5C;
|
package/package.json
CHANGED
package/src/App.css
CHANGED
|
@@ -42,4 +42,17 @@
|
|
|
42
42
|
display: flex;
|
|
43
43
|
justify-content: center;
|
|
44
44
|
align-items: center;
|
|
45
|
+
}
|
|
46
|
+
.ns_tab_page_custom_style > div {
|
|
47
|
+
justify-content: center;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ns_panel_tab_style div {
|
|
51
|
+
width: 100%;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@media only screen and (min-width: 768px) {
|
|
55
|
+
.ns_panel_tab_style div {
|
|
56
|
+
width: 272px;
|
|
57
|
+
}
|
|
45
58
|
}
|
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, NSBoxRadio, NSBoxSearch, NSBoxTextArea, NSButtonBlue, NSCard,
|
|
4
|
+
import { BaseColumnFormatter, NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxRadio, NSBoxSearch, NSBoxTextArea, NSButtonBlue, NSCard, NSChartDoughnut, NSDownTimer, NSNotFoundPage, NSTabPage } from './main';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
|
|
7
7
|
export interface INSBarActionState
|
|
@@ -226,6 +226,73 @@ export function App()
|
|
|
226
226
|
required
|
|
227
227
|
title='asd'
|
|
228
228
|
/>
|
|
229
|
+
<NSTabPage
|
|
230
|
+
tabs={
|
|
231
|
+
[{
|
|
232
|
+
title: "asdasd",
|
|
233
|
+
getContent: () =>
|
|
234
|
+
{
|
|
235
|
+
return (
|
|
236
|
+
|
|
237
|
+
<div
|
|
238
|
+
style={{ backgroundColor: "#fff", width: "100%", color: "#fff" }}
|
|
239
|
+
className='ns_tab_page_custom_style'
|
|
240
|
+
>
|
|
241
|
+
<NSBoxPhone
|
|
242
|
+
required
|
|
243
|
+
title='teststs'
|
|
244
|
+
/>
|
|
245
|
+
</div>
|
|
246
|
+
)
|
|
247
|
+
}
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
title: "qwe asd ",
|
|
251
|
+
getContent: () =>
|
|
252
|
+
{
|
|
253
|
+
return (
|
|
254
|
+
<>
|
|
255
|
+
|
|
256
|
+
<div
|
|
257
|
+
style={{ backgroundColor: "#fff", width: "100%", color: "#fff" }}
|
|
258
|
+
className='ns_tab_page_custom_style'
|
|
259
|
+
>
|
|
260
|
+
<NSBoxPhone
|
|
261
|
+
required
|
|
262
|
+
title='teststs'
|
|
263
|
+
/>
|
|
264
|
+
</div>
|
|
265
|
+
<NSButtonBlue
|
|
266
|
+
title="Send"
|
|
267
|
+
onClick={() => { }}
|
|
268
|
+
/>
|
|
269
|
+
</>
|
|
270
|
+
)
|
|
271
|
+
}
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
title: ";lkjqwiu lasid yh",
|
|
275
|
+
getContent: () =>
|
|
276
|
+
{
|
|
277
|
+
return (
|
|
278
|
+
|
|
279
|
+
<div
|
|
280
|
+
style={{ backgroundColor: "#fff", width: "100%", color: "#fff" }}
|
|
281
|
+
className='ns_tab_page_custom_style'
|
|
282
|
+
>
|
|
283
|
+
<NSBoxPhone
|
|
284
|
+
required
|
|
285
|
+
title='teststs'
|
|
286
|
+
/>
|
|
287
|
+
</div>
|
|
288
|
+
)
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
]
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
/>
|
|
295
|
+
|
|
229
296
|
<NSBarAlert
|
|
230
297
|
isVisible={() => true}
|
|
231
298
|
onContinue={() => window.open("/")}
|
|
@@ -283,7 +350,7 @@ export function App()
|
|
|
283
350
|
/>
|
|
284
351
|
|
|
285
352
|
<div className="flex justify-content-center align-items-center w-100">
|
|
286
|
-
<
|
|
353
|
+
<NSChartDoughnut
|
|
287
354
|
datas={[7, 5, 8, 22, 5, 18]}
|
|
288
355
|
labels={["test", "test2", "test3", "test4", "test5", "test6",]}
|
|
289
356
|
backgroundColors={["#FF5733",
|
|
@@ -301,6 +368,7 @@ export function App()
|
|
|
301
368
|
"#FF4081",
|
|
302
369
|
"#00BCD4",
|
|
303
370
|
"#CDDC39",]}
|
|
371
|
+
title='test'
|
|
304
372
|
/>
|
|
305
373
|
</div>
|
|
306
374
|
<NSBoxBoolean
|
|
@@ -86,7 +86,8 @@ export class NSBoxPhone extends React.Component<INSBoxPhoneProps, INSBoxPhoneSta
|
|
|
86
86
|
placeholder={this.props.placeholder}
|
|
87
87
|
inputStyle={{
|
|
88
88
|
background: `url("https://static.namirasoft.com/image/concept/nsbox/phone.png") white no-repeat scroll center right 16px`,
|
|
89
|
-
backgroundSize: "24px"
|
|
89
|
+
backgroundSize: "24px",
|
|
90
|
+
paddingRight:"42px"
|
|
90
91
|
}}
|
|
91
92
|
/>
|
|
92
93
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
width: 100%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.ns_tab_page_panel ul {
|
|
9
|
+
.ns_tab_page_panel ul.ns_tab_page_titles_container {
|
|
10
10
|
list-style-type: none;
|
|
11
11
|
margin: 0;
|
|
12
12
|
padding: 0;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
overflow-x: auto;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.ns_tab_page_panel li {
|
|
17
|
+
.ns_tab_page_panel li.ns_tab_page_title {
|
|
18
18
|
text-align: center;
|
|
19
19
|
padding: 0px 16px;
|
|
20
20
|
cursor: pointer;
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
margin: 14px 0;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.ns_tab_page_panel
|
|
28
|
+
.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title:last-child {
|
|
29
29
|
border-right: none;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.ns_tab_page_panel
|
|
32
|
+
.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title_active {
|
|
33
33
|
background-color: #fff;
|
|
34
34
|
border-radius: 8px 8px 0 0;
|
|
35
35
|
color: #141B5C;
|
|
@@ -42,12 +42,12 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
42
42
|
{
|
|
43
43
|
return (
|
|
44
44
|
<div className={`${Styles.ns_tab_page_panel} ${this.props.classList}`} style={this.props.style}>
|
|
45
|
-
<ul>
|
|
45
|
+
<ul className={Styles.ns_tab_page_titles_container}>
|
|
46
46
|
{
|
|
47
47
|
this.props.tabs.map((tab, index) => (
|
|
48
48
|
<li
|
|
49
49
|
key={`NSTabPage_li_key_${index}`}
|
|
50
|
-
className={this.state.activeTabIndex === index ? Styles.
|
|
50
|
+
className={`${Styles.ns_tab_page_title} ${this.state.activeTabIndex === index ? Styles.ns_tab_page_title_active : ''}`}
|
|
51
51
|
onClick={() =>
|
|
52
52
|
{
|
|
53
53
|
let isClicked = this.state.isClicked;
|