namirasoft-site-react 1.3.306 → 1.3.308

package/src/components/NSTabPage.module.css

@@ -1,49 +1,49 @@
-.ns_tab_page_panel {
-    border-radius: 8px;
-    overflow: hidden;
-    background: #141B5C;
-    padding: 16px;
-    width: 100%;
-}
-
-.ns_tab_page_panel ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    overflow-x: auto;
-}
-
-.ns_tab_page_panel li {
-    text-align: center;
-    padding: 0px 16px;
-    cursor: pointer;
-    color: #fff;
-    font-size: 16px;
-    font-weight: 600;
-    border-right: 1px solid #fff;
-    margin: 14px 0;
-}
-
-.ns_tab_page_panel li:last-child {
-    border-right: none;
-}
-
-.ns_tab_page_panel li.active {
-    background-color: #fff;
-    border-radius: 8px 8px 0 0;
-    color: #141B5C;
-    margin: 0;
-    padding: 14px 16px;
-    box-shadow: 0px 2px 2px 2px #141B5C;
-}
-
-.ns_tab_content {
-    padding: 16px;
-    border-radius: 0 8px 8px 8px;
-    background-color: #fff;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-    gap: 0;
-    border-right: 1px solid #ccc;
+.ns_tab_page_panel {
+    border-radius: 8px;
+    overflow: hidden;
+    background: #141B5C;
+    padding: 16px;
+    width: 100%;
+}
+
+.ns_tab_page_panel ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    overflow-x: auto;
+}
+
+.ns_tab_page_panel li {
+    text-align: center;
+    padding: 0px 16px;
+    cursor: pointer;
+    color: #fff;
+    font-size: 16px;
+    font-weight: 600;
+    border-right: 1px solid #fff;
+    margin: 14px 0;
+}
+
+.ns_tab_page_panel li:last-child {
+    border-right: none;
+}
+
+.ns_tab_page_panel li.active {
+    background-color: #fff;
+    border-radius: 8px 8px 0 0;
+    color: #141B5C;
+    margin: 0;
+    padding: 14px 16px;
+    box-shadow: 0px 2px 2px 2px #141B5C;
+}
+
+.ns_tab_content {
+    padding: 16px;
+    border-radius: 0 8px 8px 8px;
+    background-color: #fff;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: 0;
+    border-right: 1px solid #ccc;
 }

package/src/components/NSTabPage.tsx

@@ -1,46 +1,46 @@
-"use client";
-import Styles from './NSTabPage.module.css';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { useState } from "react";
-
-export interface NSTabPageTab
-{
-    title: string;
-    getContent: () => React.ReactNode;
-}
-
-export interface NSTabPageProps extends IBaseComponentProps
-{
-    tabs: NSTabPageTab[]
-}
-
-export interface NSTabPageState
-{
-    activeTabIndex: number
-}
-
-export function NSTabPage(props: NSTabPageProps)
-{
-    const [state, setState] = useState<NSTabPageState>({ activeTabIndex: 0 });
-
-    return (
-        <div className={` ${Styles.ns_tab_page_panel}`}>
-            <ul>
-                {
-                    props.tabs.map((tab, index) => (
-                        <li
-                            key={index}
-                            className={state.activeTabIndex === index ? Styles.active : ''}
-                            onClick={() => setState({ activeTabIndex: index })}
-                        >
-                            {tab.title}
-                        </li>
-                    ))
-                }
-            </ul>
-            <div className={Styles.ns_tab_content}>
-                {props.tabs[state.activeTabIndex].getContent()}
-            </div>
-        </div>
-    );
+"use client";
+import Styles from './NSTabPage.module.css';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { useState } from "react";
+
+export interface NSTabPageTab
+{
+    title: string;
+    getContent: () => React.ReactNode;
+}
+
+export interface NSTabPageProps extends IBaseComponentProps
+{
+    tabs: NSTabPageTab[]
+}
+
+export interface NSTabPageState
+{
+    activeTabIndex: number
+}
+
+export function NSTabPage(props: NSTabPageProps)
+{
+    const [state, setState] = useState<NSTabPageState>({ activeTabIndex: 0 });
+
+    return (
+        <div className={` ${Styles.ns_tab_page_panel}`}>
+            <ul>
+                {
+                    props.tabs.map((tab, index) => (
+                        <li
+                            key={index}
+                            className={state.activeTabIndex === index ? Styles.active : ''}
+                            onClick={() => setState({ activeTabIndex: index })}
+                        >
+                            {tab.title}
+                        </li>
+                    ))
+                }
+            </ul>
+            <div className={Styles.ns_tab_content}>
+                {props.tabs[state.activeTabIndex].getContent()}
+            </div>
+        </div>
+    );
 }

package/src/components/NSTable.module.css

@@ -1,211 +1,211 @@
-.ns_table {
-    display: flex;
-    flex-direction: column;
-    color: rgba(20, 27, 92, 1);
-}
-
-.ns_search_input {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: wrap;
-    position: relative;
-    z-index: -1;
-}
-
-.ns_table thead {
-    clip: rect(0 0 0 0);
-    position: fixed;
-}
-
-.ns_table tr {
-    border-radius: 8px;
-    padding: 16px;
-    display: block;
-    background-color: rgba(255, 255, 255, 1);
-    margin: 24px 0;
-    transition: all 0.2s ease-in-out;
-}
-
-.ns_table td {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    padding: 8px 0;
-    font-size: 16px;
-    justify-content: left;
-    align-items: center;
-}
-
-.ns_table td::before {
-    content: attr(data-label);
-    font-weight: bold;
-    float: left;
-    min-width: 30%;
-}
-
-/* Button Group  */
-.ns_pagination_button {
-    display: flex;
-    flex-direction: column;
-}
-
-.ns_button {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.ns_modal a {
-    float: right;
-}
-
-.modal img {
-    width: 32px;
-    height: 32px;
-    right: 0;
-}
-
-.ns_table_no_data {
-    display: flex;
-    justify-content: center
-}
-
-@media screen and (min-width: 768px) {
-    .ns_table {
-        color: #000000;
-    }
-
-    .ns_table thead {
-        position: static;
-        background-color: rgba(20, 27, 92, 1);
-        border-top-left-radius: 8px;
-        border-top-right-radius: 8px;
-    }
-
-    .ns_table tbody {
-        background-color: rgba(255, 255, 255, 1);
-    }
-
-    .ns_table tr {
-        display: grid;
-        grid-template-columns: 50px repeat(auto-fit, minmax(100px, 1fr));
-        padding: 12px 16px;
-        margin: 0;
-        border-radius: 0;
-        border-bottom: 1px solid rgba(20, 27, 92, 0.3);
-        background-color: transparent;
-        align-items: center;
-    }
-
-    .ns_checkbox {
-        display: flex;
-        justify-content: left;
-        align-items: center;
-    }
-
-    .ns_table tr:hover {
-        background-color: rgba(20, 27, 92, 0.5);
-        color: white;
-    }
-
-    .ns_table td {
-        text-align: left;
-        display: flex;
-        align-items: flex-start;
-        padding: 0;
-        margin: 0;
-    }
-
-    .ns_table th {
-        font-size: 16px;
-        font-weight: 300;
-        color: #ffffff;
-        margin: 0;
-        padding: 0;
-    }
-
-    .ns_table td::before {
-        content: "";
-        float: left;
-        font-weight: bold;
-        min-width: unset;
-        display: none;
-    }
-
-    /* Button Group  */
-    .ns_pagination_button {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        padding: 16px 0;
-    }
-
-    .ns_button {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        gap: 24px;
-    }
-
-    .ns_check_box {
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-    }
-
-    .ns_check_box input {
-        scale: 1.5;
-    }
-}
-
-@media screen and (min-width: 1024px) {
-
-    .ns_table thead {
-        font-size: 24px;
-    }
-
-    .ns_table tr {
-        font-size: 24px;
-    }
-
-    /* Button Group  */
-    .ns_pagination_button {
-        display: flex;
-        flex-direction: row;
-        width: 100%;
-        padding: 16px 0;
-    }
-}
-
-.ns_table th {
-    word-break: break-all;
-}
-
-.ns_table td {
-    word-break: break-all;
-    color: #000;
-}
-
-.ns_tbody tr:nth-child(odd) {
-    background-color: #f9f9f9;
-}
-
-.ns_tbody tr:nth-child(even) {
-    background-color: #ffffff;
-}
-
-.ns_check_box_input {
-    width: 100% !important;
-}
-
-.ns_check_box input {
-    width: 100% !important;
-}
-td input{
-    cursor: pointer;
-    width: 100% !important;
+.ns_table {
+    display: flex;
+    flex-direction: column;
+    color: rgba(20, 27, 92, 1);
+}
+
+.ns_search_input {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    position: relative;
+    z-index: -1;
+}
+
+.ns_table thead {
+    clip: rect(0 0 0 0);
+    position: fixed;
+}
+
+.ns_table tr {
+    border-radius: 8px;
+    padding: 16px;
+    display: block;
+    background-color: rgba(255, 255, 255, 1);
+    margin: 24px 0;
+    transition: all 0.2s ease-in-out;
+}
+
+.ns_table td {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    padding: 8px 0;
+    font-size: 16px;
+    justify-content: left;
+    align-items: center;
+}
+
+.ns_table td::before {
+    content: attr(data-label);
+    font-weight: bold;
+    float: left;
+    min-width: 30%;
+}
+
+/* Button Group  */
+.ns_pagination_button {
+    display: flex;
+    flex-direction: column;
+}
+
+.ns_button {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ns_modal a {
+    float: right;
+}
+
+.modal img {
+    width: 32px;
+    height: 32px;
+    right: 0;
+}
+
+.ns_table_no_data {
+    display: flex;
+    justify-content: center
+}
+
+@media screen and (min-width: 768px) {
+    .ns_table {
+        color: #000000;
+    }
+
+    .ns_table thead {
+        position: static;
+        background-color: rgba(20, 27, 92, 1);
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+    }
+
+    .ns_table tbody {
+        background-color: rgba(255, 255, 255, 1);
+    }
+
+    .ns_table tr {
+        display: grid;
+        grid-template-columns: 50px repeat(auto-fit, minmax(100px, 1fr));
+        padding: 12px 16px;
+        margin: 0;
+        border-radius: 0;
+        border-bottom: 1px solid rgba(20, 27, 92, 0.3);
+        background-color: transparent;
+        align-items: center;
+    }
+
+    .ns_checkbox {
+        display: flex;
+        justify-content: left;
+        align-items: center;
+    }
+
+    .ns_table tr:hover {
+        background-color: rgba(20, 27, 92, 0.5);
+        color: white;
+    }
+
+    .ns_table td {
+        text-align: left;
+        display: flex;
+        align-items: flex-start;
+        padding: 0;
+        margin: 0;
+    }
+
+    .ns_table th {
+        font-size: 16px;
+        font-weight: 300;
+        color: #ffffff;
+        margin: 0;
+        padding: 0;
+    }
+
+    .ns_table td::before {
+        content: "";
+        float: left;
+        font-weight: bold;
+        min-width: unset;
+        display: none;
+    }
+
+    /* Button Group  */
+    .ns_pagination_button {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        padding: 16px 0;
+    }
+
+    .ns_button {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        gap: 24px;
+    }
+
+    .ns_check_box {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+    }
+
+    .ns_check_box input {
+        scale: 1.5;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+
+    .ns_table thead {
+        font-size: 24px;
+    }
+
+    .ns_table tr {
+        font-size: 24px;
+    }
+
+    /* Button Group  */
+    .ns_pagination_button {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        padding: 16px 0;
+    }
+}
+
+.ns_table th {
+    word-break: break-all;
+}
+
+.ns_table td {
+    word-break: break-all;
+    color: #000;
+}
+
+.ns_tbody tr:nth-child(odd) {
+    background-color: #f9f9f9;
+}
+
+.ns_tbody tr:nth-child(even) {
+    background-color: #ffffff;
+}
+
+.ns_check_box_input {
+    width: 100% !important;
+}
+
+.ns_check_box input {
+    width: 100% !important;
+}
+td input{
+    cursor: pointer;
+    width: 100% !important;
 }