namirasoft-site-react 1.4.134 → 1.4.136

package/src/components/NSFilterItem.module.css

@@ -1,24 +1,24 @@
-.ns_selected_holder {
-	position: relative;
-}
-
-.ns_selected_item_parent {
-	padding: 6px;
-	border: solid 1px #0377FF;
-	border-radius: 8px;
-	background-color: #fff;
-	color: #141B5C;
-	cursor: pointer;
-}
-
-.ns_selected_close_icon {
-	outline: none;
-	border: none;
-	background: none;
-	padding-top: 4px;
-	border-left: solid 1px #0377FF;
-}
-
-.ns_dialog_parent {
-	position: absolute;
+.ns_selected_holder {
+	position: relative;
+}
+
+.ns_selected_item_parent {
+	padding: 6px;
+	border: solid 1px #0377FF;
+	border-radius: 8px;
+	background-color: #fff;
+	color: #141B5C;
+	cursor: pointer;
+}
+
+.ns_selected_close_icon {
+	outline: none;
+	border: none;
+	background: none;
+	padding-top: 4px;
+	border-left: solid 1px #0377FF;
+}
+
+.ns_dialog_parent {
+	position: absolute;
 }

package/src/components/NSFilterItem.tsx

@@ -1,73 +1,73 @@
-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
-}
-
-//todo -> after fix NSFilterBoxDialog uncomment all
-// interface INSFilterItemState
-// {
-// 	showDialog: boolean
-// }
-
-export class NSFilterItem extends Component<INSFilterItemProps>
-{
-	// constructor(props: INSFilterItemProps)
-	// {
-	// 	super(props);
-	// 	this.state = {
-	// 		showDialog: false
-	// 	}
-	// 	this.onClsoeDialog = this.onClsoeDialog.bind(this);
-	// 	this.onShowDialog = this.onShowDialog.bind(this);
-	// }
-
-	// onShowDialog()
-	// {
-	// 	this.setState({
-	// 		showDialog: true
-	// 	})
-	// }
-
-	// onClsoeDialog()
-	// {
-	// 	this.setState({
-	// 		showDialog: false
-	// 	})
-	// }
-
-	override render()
-	{
-		return (
-			<div className={Styles.ns_selected_holder}>
-				<div className={Styles.ns_selected_item_parent}
-				//todo
-				// onClick={this.onShowDialog}
-				>
-					<span>{this.props.item.toString()} </span>
-					<button
-						className={Styles.ns_selected_close_icon}
-						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>
-
-				{/* {
-					this.state.showDialog &&
-					<div className={Styles.ns_dialog_parent}>
-						<NSFilterBoxDialog
-							onCloseDialog={this.onClsoeDialog}
-							title='Edit Filter'
-						/>
-					</div>
-				} */}
-			</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
+}
+
+//todo -> after fix NSFilterBoxDialog uncomment all
+// interface INSFilterItemState
+// {
+// 	showDialog: boolean
+// }
+
+export class NSFilterItem extends Component<INSFilterItemProps>
+{
+	// constructor(props: INSFilterItemProps)
+	// {
+	// 	super(props);
+	// 	this.state = {
+	// 		showDialog: false
+	// 	}
+	// 	this.onClsoeDialog = this.onClsoeDialog.bind(this);
+	// 	this.onShowDialog = this.onShowDialog.bind(this);
+	// }
+
+	// onShowDialog()
+	// {
+	// 	this.setState({
+	// 		showDialog: true
+	// 	})
+	// }
+
+	// onClsoeDialog()
+	// {
+	// 	this.setState({
+	// 		showDialog: false
+	// 	})
+	// }
+
+	override render()
+	{
+		return (
+			<div className={Styles.ns_selected_holder}>
+				<div className={Styles.ns_selected_item_parent}
+				//todo
+				// onClick={this.onShowDialog}
+				>
+					<span>{this.props.item.toString()} </span>
+					<button
+						className={Styles.ns_selected_close_icon}
+						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>
+
+				{/* {
+					this.state.showDialog &&
+					<div className={Styles.ns_dialog_parent}>
+						<NSFilterBoxDialog
+							onCloseDialog={this.onClsoeDialog}
+							title='Edit Filter'
+						/>
+					</div>
+				} */}
+			</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;
 }