namirasoft-site-react 1.4.166 → 1.4.167

package/src/components/NSFilterItem.module.css

@@ -1,26 +1,26 @@
-.ns_filter_item {
-	display: flex;
-	flex-direction: row;
-	padding: 8px 0px 8px 8px;
-	border: solid 1px #0377FF;
-	border-radius: 8px;
-	background-color: #fff;
-	color: #141B5C;
-	cursor: pointer;
-	max-width: 100%;
-	position: relative;
-}
-
-.ns_filter_item>span {
-	padding-right: 8px;
-	display: flex;
-	align-items: center;
-}
-
-.ns_filter_item_close {
-	outline: none;
-	border: none;
-	background: none;
-	padding-top: 4px;
-	border-left: solid 1px #0377FF;
+.ns_filter_item {
+	display: flex;
+	flex-direction: row;
+	padding: 8px 0px 8px 8px;
+	border: solid 1px #0377FF;
+	border-radius: 8px;
+	background-color: #fff;
+	color: #141B5C;
+	cursor: pointer;
+	max-width: 100%;
+	position: relative;
+}
+
+.ns_filter_item>span {
+	padding-right: 8px;
+	display: flex;
+	align-items: center;
+}
+
+.ns_filter_item_close {
+	outline: none;
+	border: none;
+	background: none;
+	padding-top: 4px;
+	border-left: solid 1px #0377FF;
 }

package/src/components/NSFilterItem.tsx

@@ -1,28 +1,28 @@
-import { Component } from 'react';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import Styles from './NSFilterItem.module.css'
-import { FilterItem } from 'namirasoft-core';
-
-interface INSFilterItemProps extends IBaseComponentProps
-{
-	item: FilterItem
-	removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, item: FilterItem) => void
-}
-
-export class NSFilterItem extends Component<INSFilterItemProps>
-{
-	override render()
-	{
-		return (
-			<div className={Styles.ns_filter_item}>
-				<span>{this.props.item.toString()}</span>
-				<button
-					className={Styles.ns_filter_item_close}
-					onClick={(e) => this.props.removeSelected(e, this.props.item)}
-				>
-					<img src="https://static.namirasoft.com/image/concept/close/blue.svg" alt="close" width={24} height={24} />
-				</button>
-			</div>
-		);
-	}
+import { Component } from 'react';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import Styles from './NSFilterItem.module.css'
+import { FilterItem } from 'namirasoft-core';
+
+interface INSFilterItemProps extends IBaseComponentProps
+{
+	item: FilterItem
+	removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, item: FilterItem) => void
+}
+
+export class NSFilterItem extends Component<INSFilterItemProps>
+{
+	override render()
+	{
+		return (
+			<div className={Styles.ns_filter_item}>
+				<span>{this.props.item.toString()}</span>
+				<button
+					className={Styles.ns_filter_item_close}
+					onClick={(e) => this.props.removeSelected(e, this.props.item)}
+				>
+					<img src="https://static.namirasoft.com/image/concept/close/blue.svg" alt="close" width={24} height={24} />
+				</button>
+			</div>
+		);
+	}
 }

package/src/components/NSFooter.module.css

@@ -1,124 +1,124 @@
-.ns_footer {
-	width: 100%;
-	background-color: rgba(20, 27, 92, 1);
-	padding: 16px 0 8px 0;
-	display: flex;
-	justify-content: center;
-	margin-top: auto;
-}
-
-.ns_footer>.ns_package_footer {
-	padding-right: 1rem !important;
-}
-
-.ns_footer_parent_items {
-	display: flex;
-	justify-content: space-between;
-	gap: 64px;
-}
-
-.ns_footer_parent_items img {
-	transition: all 0.1s ease-in-out;
-}
-
-.ns_footer_parent_items img:hover {
-	scale: 1.2;
-}
-
-
-.ns_footer_project_logo_tablet {
-	display: none;
-}
-
-.ns_footer_menu_container {
-	display: flex;
-	flex-wrap: wrap;
-	width: 100%;
-	gap: 48px;
-}
-
-.ns_footer_namira_logo_tablet {
-	display: none;
-}
-
-.ns_footer_logos_mobile {
-	display: flex;
-	justify-content: center;
-	gap: 24px;
-	margin-bottom: 16px;
-}
-
-.ns_footer_menu_container ul {
-	list-style: none;
-	color: #fff;
-	padding: 0;
-	font-size: 16px;
-	font-weight: 600;
-	line-height: normal;
-}
-
-.ns_footer_list_title {
-	border-bottom: solid 2px #fff;
-	margin-bottom: 8px;
-	display: block;
-}
-
-.ns_footer_menu_container li {
-	font-size: 12px !important;
-	font-weight: 300 !important;
-	margin-bottom: 8px;
-}
-
-.ns_footer_menu_container li a {
-	text-decoration: none;
-	color: #fff;
-}
-
-.ns_footer_copyright {
-	color: #fff !important;
-	text-align: center;
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	justify-content: center;
-}
-
-.ns_footer_copyright span,
-.ns_footer_copyright a {
-	color: #fff !important;
-	text-align: center;
-	font-size: 12px;
-	font-family: inherit;
-	font-weight: 300;
-	text-decoration: none;
-	margin-left: 4px;
-}
-
-@media only screen and (min-width: 768px) {
-	.ns_footer_project_logo_tablet {
-		display: block;
-	}
-
-	.ns_footer_namira_logo_tablet {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		height: 100%;
-		gap: 16px;
-	}
-
-	.ns_footer_logos_mobile {
-		display: none;
-	}
-}
-
-/* Is these two exist ?  */
-.ns_footer h5 {
-	font-size: 16px !important;
-	font-weight: 600 !important;
-}
-
-.footns_footer li {
-	color: #fff;
+.ns_footer {
+	width: 100%;
+	background-color: rgba(20, 27, 92, 1);
+	padding: 16px 0 8px 0;
+	display: flex;
+	justify-content: center;
+	margin-top: auto;
+}
+
+.ns_footer>.ns_package_footer {
+	padding-right: 1rem !important;
+}
+
+.ns_footer_parent_items {
+	display: flex;
+	justify-content: space-between;
+	gap: 64px;
+}
+
+.ns_footer_parent_items img {
+	transition: all 0.1s ease-in-out;
+}
+
+.ns_footer_parent_items img:hover {
+	scale: 1.2;
+}
+
+
+.ns_footer_project_logo_tablet {
+	display: none;
+}
+
+.ns_footer_menu_container {
+	display: flex;
+	flex-wrap: wrap;
+	width: 100%;
+	gap: 48px;
+}
+
+.ns_footer_namira_logo_tablet {
+	display: none;
+}
+
+.ns_footer_logos_mobile {
+	display: flex;
+	justify-content: center;
+	gap: 24px;
+	margin-bottom: 16px;
+}
+
+.ns_footer_menu_container ul {
+	list-style: none;
+	color: #fff;
+	padding: 0;
+	font-size: 16px;
+	font-weight: 600;
+	line-height: normal;
+}
+
+.ns_footer_list_title {
+	border-bottom: solid 2px #fff;
+	margin-bottom: 8px;
+	display: block;
+}
+
+.ns_footer_menu_container li {
+	font-size: 12px !important;
+	font-weight: 300 !important;
+	margin-bottom: 8px;
+}
+
+.ns_footer_menu_container li a {
+	text-decoration: none;
+	color: #fff;
+}
+
+.ns_footer_copyright {
+	color: #fff !important;
+	text-align: center;
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: center;
+}
+
+.ns_footer_copyright span,
+.ns_footer_copyright a {
+	color: #fff !important;
+	text-align: center;
+	font-size: 12px;
+	font-family: inherit;
+	font-weight: 300;
+	text-decoration: none;
+	margin-left: 4px;
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_footer_project_logo_tablet {
+		display: block;
+	}
+
+	.ns_footer_namira_logo_tablet {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		height: 100%;
+		gap: 16px;
+	}
+
+	.ns_footer_logos_mobile {
+		display: none;
+	}
+}
+
+/* Is these two exist ?  */
+.ns_footer h5 {
+	font-size: 16px !important;
+	font-weight: 600 !important;
+}
+
+.footns_footer li {
+	color: #fff;
 }