namirasoft-site-react 1.3.399 → 1.3.401

package/src/components/NSTable.module.css

@@ -1,273 +1,273 @@
-.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;
-    padding: 0 !important;
-}
-
-.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;
-        border-radius: 8px;
-    }
-
-    .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;
-    }
-}
-
-@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;
-    height: 100%;
-}
-
-.ns_table td {
-    word-break: break-all;
-    color: #000;
-    height: 100%;
-    justify-content: left;
-    max-height: 50px;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    padding-top: 0 !important;
-    padding-bottom: 0 !important;
-    margin: 16px 8px;
-}
-
-.ns_tbody tr:nth-child(odd) {
-    background-color: #eaeaea;
-}
-
-.ns_tbody tr:nth-child(even) {
-    background-color: #ffffff;
-}
-
-.ns_check_box_input {
-    width: 100% !important;
-}
-
-.ns_check_box input {
-    width: 24px !important;
-    height: 24px;
-    cursor: pointer;
-}
-
-.ns_check_box input:checked {
-    accent-color: #141B5C;
-}
-
-.ns_indeterminate:indeterminate {
-    border: 1px solid rgba(255, 148, 50, 1);
-}
-
-.ns_indeterminate {
-    position: relative;
-}
-
-.ns_indeterminate::after {
-    content: "-";
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    background: #fff;
-    border: 5px solid #fffbff;
-    color: #141b5c;
-    background: #141b5c;
-}
-
-.ns_checkbox_label {
-    display: block;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.ns_td_input {
-    width: 100%;
-    text-align: center;
-}
-
-.ns_table tr:hover {
-    background-color: #dbdbdb !important;
-}
-
-.ns_td_input {
-    height: 24px;
-    width: 24px !important;
-    cursor: pointer;
-}
-
-.ns_td_input:checked {
-    accent-color: #141B5C;
+.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;
+    padding: 0 !important;
+}
+
+.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;
+        border-radius: 8px;
+    }
+
+    .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;
+    }
+}
+
+@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;
+    height: 100%;
+}
+
+.ns_table td {
+    word-break: break-all;
+    color: #000;
+    height: max-content;
+    justify-content: left;
+    max-height: 50px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    margin: 16px 8px;
+}
+
+.ns_tbody tr:nth-child(odd) {
+    background-color: #eaeaea;
+}
+
+.ns_tbody tr:nth-child(even) {
+    background-color: #ffffff;
+}
+
+.ns_check_box_input {
+    width: 100% !important;
+}
+
+.ns_check_box input {
+    width: 24px !important;
+    height: 24px;
+    cursor: pointer;
+}
+
+.ns_check_box input:checked {
+    accent-color: #141B5C;
+}
+
+.ns_indeterminate:indeterminate {
+    border: 1px solid rgba(255, 148, 50, 1);
+}
+
+.ns_indeterminate {
+    position: relative;
+}
+
+.ns_indeterminate::after {
+    content: "-";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: #fff;
+    border: 5px solid #fffbff;
+    color: #141b5c;
+    background: #141b5c;
+}
+
+.ns_checkbox_label {
+    display: block;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.ns_td_input {
+    width: 100%;
+    text-align: center;
+}
+
+.ns_table tr:hover {
+    background-color: #dbdbdb !important;
+}
+
+.ns_td_input {
+    height: 24px;
+    width: 24px !important;
+    cursor: pointer;
+}
+
+.ns_td_input:checked {
+    accent-color: #141B5C;
 }