namirasoft-site-react 1.2.30 → 1.2.31

package/dist/App.js

@@ -1,47 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSHeader } from './components/NSHeader';
-import { NSFooter } from './components/NSFooter';
-import { NSInputText } from './components/NSInputText';
-import { NSInputInteger } from './components/NSInputInteger';
-import { NSInputFloat } from './components/NSInputFloat';
-import { NSInputPrice } from './components/NSInputPrice';
-import { NSInputDate } from './components/NSInputDate';
-import { NSInputTime } from './components/NSInputTime';
-import { NSInputDuration } from './components/NSInputDuration';
-import { NSInputString } from './components/NSInputString';
-import { NSInputIP } from './components/NSInputIP';
-import { NSInputEmail } from './components/NSInputEmail';
-import { NSInputSearch } from './components/NSInputSearch';
-import { NSInputPhone } from './components/NSInputPhone';
-import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
-import { NSSelectBox } from './components/NSSelectBox';
-import { NSPagination } from './main';
+import { NSLayout, NSPagination } from './main';
 export function App() {
-    const options = [
-        {
-            label: 'Test1',
-            value: 'test1',
-            desc: 'Test1',
-        },
-        {
-            label: 'Test2',
-            value: 'test2',
-            desc: 'Test2',
-        },
-        {
-            label: 'Test3',
-            value: 'test3',
-            desc: 'Test3',
-        },
-        {
-            label: 'Test4',
-            value: 'test4',
-            desc: 'Test4',
-        },
-    ];
-    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'Test', name: 'Header', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSPagination, { page: 1, size: 25 })] })), _jsx(NSFooter, { scope: 'Test', name: 'Footer', logo: '' })] })));
+    return (_jsx("div", Object.assign({ className: "App" }, { children: _jsxs(NSLayout, Object.assign({ scope: 'Namirasoft SOP console', title: "", logo: '' }, { children: [_jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSPagination, { page: 1, size: 25 })] })), "asdasd"] })) })));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAc9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEhD,MAAM,UAAU,GAAG;IAyBf,OAAO,CACH,4BAAK,SAAS,EAAC,KAAK,gBAChB,MAAC,QAAQ,kBAAC,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,iBACrD,6BAAK,SAAS,EAAC,gBAAgB,iBAe3B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,KACjC,eACW,IACnB,CACT,CAAC;AACN,CAAC"}

package/dist/components/NSLayout.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSLayout.module.css';
 import { Component } from 'react';
 import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
 export class NSLayout extends Component {
     render() {
-        return (_jsxs("div", Object.assign({ className: "d-flex flex-column text-center text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsxs("div", { children: [_jsx("h1", { children: this.props.title }), _jsx("h4", Object.assign({ className: "page-description" }, { children: this.props.description }))] }), _jsx("main", Object.assign({ className: "container" }, { children: this.props.children })), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] })));
+        return (_jsxs("div", { children: [_jsxs("div", Object.assign({ className: "d-flex flex-column text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsxs("div", { children: [_jsx("h1", { children: this.props.title }), _jsx("h4", Object.assign({ className: "page-description" }, { children: this.props.description }))] }), _jsx("main", Object.assign({ className: "container" }, { children: this.props.children }))] })), _jsx("div", Object.assign({ className: Styles.ns_footer }, { children: _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo }) }))] }));
     }
 }
 //# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C,iBACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,0BACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAC3B,2BAAI,SAAS,EAAC,kBAAkB,gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAM,IAC5D,EACN,6BAAM,SAAS,EAAC,WAAW,gBACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,IACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,KACvE,CACV,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,0BACI,6BAAK,SAAS,EAAC,+BAA+B,iBAC1C,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,0BACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAC3B,2BAAI,SAAS,EAAC,kBAAkB,gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAM,IAC5D,EACN,6BAAM,SAAS,EAAC,WAAW,gBACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,IACjB,KACJ,EACP,4BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,gBAC5B,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IACxE,IACJ,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSLayout.module.css

@@ -0,0 +1,5 @@
+.ns_footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}

package/dist/components/NSPagination.js

@@ -15,7 +15,7 @@ export class NSPagination extends Component {
         let arr = [];
         let pushPage = (index) => {
             if (index == page)
-                arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) })));
+                arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'center_number text-decoration-none text-light' }, { children: index })) })));
             else
                 arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
         };

package/dist/components/NSPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlC,MAAM,OAAO,YAAa,SAAQ,SAAyB;IAEvD,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IACvD,CAAC;IACQ,MAAM;QAEX,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;QACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE7B,IAAI,KAAK,IAAI,IAAI;gBACb,GAAG,CAAC,IAAI,CAAC,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,IAAM,CAAC,CAAC;;gBAEnH,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,GAAM,CAAC,CAAC;QACjG,CAAC,CAAC;QACF,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,CAAC,CAAC;QACxG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACjB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACzB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,CAAC,CAAC;QAE1G,OAAO,CACH,4BAAK,SAAS,EAAC,oDAAoD,gBAC9D,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAChB,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlC,MAAM,OAAO,YAAa,SAAQ,SAAyB;IAEvD,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IACvD,CAAC;IACQ,MAAM;QAEX,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;QACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE7B,IAAI,KAAK,IAAI,IAAI;gBACb,GAAG,CAAC,IAAI,CAAC,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,+CAA+C,gBAAE,KAAK,IAAK,IAAM,CAAC,CAAC;;gBAEjI,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,GAAM,CAAC,CAAC;QACjG,CAAC,CAAC;QACF,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,CAAC,CAAC;QACxG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACjB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACzB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,CAAC,CAAC;QAE1G,OAAO,CACH,4BAAK,SAAS,EAAC,oDAAoD,gBAC9D,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAChB,CACT,CAAC;IACN,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.30",
+    "version": "1.2.31",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "dependencies": {

package/src/App.tsx

@@ -1,72 +1,70 @@
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSHeader } from './components/NSHeader';
-import { NSFooter } from './components/NSFooter';
-import { NSInputText } from './components/NSInputText';
-import { NSInputInteger } from './components/NSInputInteger';
-import { NSInputFloat } from './components/NSInputFloat';
-import { NSInputPrice } from './components/NSInputPrice';
-import { NSInputDate } from './components/NSInputDate';
-import { NSInputTime } from './components/NSInputTime';
-import { NSInputDuration } from './components/NSInputDuration';
-import { NSInputString } from './components/NSInputString';
-import { NSInputIP } from './components/NSInputIP';
-import { NSInputEmail } from './components/NSInputEmail';
-import { NSInputSearch } from './components/NSInputSearch';
-import { NSInputPhone } from './components/NSInputPhone';
-import { NSButtonGreen } from './components/NSButtonGreen';
+// import { NSInputText } from './components/NSInputText';
+// import { NSInputInteger } from './components/NSInputInteger';
+// import { NSInputFloat } from './components/NSInputFloat';
+// import { NSInputPrice } from './components/NSInputPrice';
+// import { NSInputDate } from './components/NSInputDate';
+// import { NSInputTime } from './components/NSInputTime';
+// import { NSInputDuration } from './components/NSInputDuration';
+// import { NSInputString } from './components/NSInputString';
+// import { NSInputIP } from './components/NSInputIP';
+// import { NSInputEmail } from './components/NSInputEmail';
+// import { NSInputSearch } from './components/NSInputSearch';
+// import { NSInputPhone } from './components/NSInputPhone';
+// import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
-import { NSSelectBox } from './components/NSSelectBox';
-import { type SelectProps } from 'antd';
-import { NSPagination } from './main';
+// import { NSSelectBox } from './components/NSSelectBox';
+// import { type SelectProps } from 'antd';
+import { NSLayout, NSPagination } from './main';
 
 export function App()
 {
-    const options: SelectProps['options'] = [
-        {
-            label: 'Test1',
-            value: 'test1',
-            desc: 'Test1',
-        },
-        {
-            label: 'Test2',
-            value: 'test2',
-            desc: 'Test2',
-        },
-        {
-            label: 'Test3',
-            value: 'test3',
-            desc: 'Test3',
-        },
-        {
-            label: 'Test4',
-            value: 'test4',
-            desc: 'Test4',
-        },
-    ];
+    // const options: SelectProps['options'] = [
+    //     {
+    //         label: 'Test1',
+    //         value: 'test1',
+    //         desc: 'Test1',
+    //     },
+    //     {
+    //         label: 'Test2',
+    //         value: 'test2',
+    //         desc: 'Test2',
+    //     },
+    //     {
+    //         label: 'Test3',
+    //         value: 'test3',
+    //         desc: 'Test3',
+    //     },
+    //     {
+    //         label: 'Test4',
+    //         value: 'test4',
+    //         desc: 'Test4',
+    //     },
+    // ];
 
     return (
         <div className="App">
-            <NSHeader scope='Test' name='Header' logo='' />
-            <div className='my-4 container'>
-                <NSInputText title='Text' />
-                <NSInputInteger title='Integer' />
-                <NSInputFloat title='Floating Point' />
-                <NSInputPrice title='Price' />
-                <NSInputDate title='Date' />
-                <NSInputTime title='Time' />
-                <NSInputDuration title='Duration' />
-                <NSInputString title='String' />
-                <NSInputIP title='IP' />
-                <NSInputEmail title='Email' />
-                <NSInputSearch title='Search' />
-                <NSInputPhone title='Phone' />
-                <NSSelectBox title="t" options={options} />
-                <NSButtonGreen title='Save' onClick={() => { }} />
-                <NSButtonRed title='Delete' onClick={() => { }} />
-                <NSPagination page={1} size={25} />
-            </div>
-            <NSFooter scope='Test' name='Footer' logo='' />
+            <NSLayout scope='Namirasoft SOP console' title="" logo=''>
+                <div className='my-4 container'>
+                    {/* <NSInputText title='Text' />
+                    <NSInputInteger title='Integer' />
+                    <NSInputFloat title='Floating Point' />
+                    <NSInputPrice title='Price' />
+                    <NSInputDate title='Date' />
+                    <NSInputTime title='Time' />
+                    <NSInputDuration title='Duration' />
+                    <NSInputString title='String' />
+                    <NSInputIP title='IP' />
+                    <NSInputEmail title='Email' />
+                    <NSInputSearch title='Search' />
+                    <NSInputPhone title='Phone' />
+                    <NSSelectBox title="t" options={options} />
+                    <NSButtonGreen title='Save' onClick={() => { }} /> */}
+                    <NSButtonRed title='Delete' onClick={() => { }} />
+                    <NSPagination page={1} size={25} />
+                </div>
+                asdasd</NSLayout>
         </div>
     );
 }

package/src/components/NSLayout.module.css

@@ -0,0 +1,5 @@
+.ns_footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}

package/src/components/NSLayout.tsx

@@ -1,3 +1,4 @@
+import Styles from './NSLayout.module.css';
 import { Component, ReactNode } from 'react';
 import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
@@ -16,17 +17,21 @@ export class NSLayout extends Component<IProps>
     override render()
     {
         return (
-            <div className="d-flex flex-column text-center text-white">
-                <NSHeader scope={this.props.scope} name="Header" logo={this.props.logo} />
-                <div>
-                    <h1>{this.props.title}</h1>
-                    <h4 className="page-description">{this.props.description}</h4>
+            <div>
+                <div className="d-flex flex-column text-white">
+                    <NSHeader scope={this.props.scope} name="Header" logo={this.props.logo} />
+                    <div>
+                        <h1>{this.props.title}</h1>
+                        <h4 className="page-description">{this.props.description}</h4>
+                    </div>
+                    <main className="container">
+                        {this.props.children}
+                    </main>
+                </div >
+                <div className={Styles.ns_footer}>
+                    <NSFooter scope={this.props.scope} name="Footer" logo={this.props.logo} />
                 </div>
-                <main className="container">
-                    {this.props.children}
-                </main>
-                <NSFooter scope={this.props.scope} name="Footer" logo={this.props.logo} />
-            </div >
+            </div>
         );
     }
 }

package/src/components/NSPagination.tsx

@@ -29,7 +29,7 @@ export class NSPagination extends Component<IState, IProps>
         let pushPage = (index: number) =>
         {
             if (index == page)
-                arr.push(<div className='center_number'><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
+                arr.push(<div className='center_number'><a href='#' className='center_number text-decoration-none text-light'>{index}</a></div>);
             else
                 arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
         };
@@ -50,4 +50,4 @@ export class NSPagination extends Component<IState, IProps>
             </div>
         );
     }
-}
+}