namirasoft-site-react 1.4.1 → 1.4.2

package/src/components/NSButtonBlue.tsx

@@ -1,12 +1,12 @@
-import { NSButton, INSButtonProps } from "./NSButton";
-import Style from "./NSButtonBlue.module.css";
-
-export function NSButtonBlue(props: INSButtonProps) 
-{
-    let classList = []
-    if (props.classList)
-        classList.push(...props.classList);
-    classList.push(Style.ns_button_blue);
-
-    return <NSButton title={props.title} icon={props.icon} onClick={props.onClick} id={props.id} classList={classList} style={props.style} />;
+import { NSButton, INSButtonProps } from "./NSButton";
+import Style from "./NSButtonBlue.module.css";
+
+export function NSButtonBlue(props: INSButtonProps) 
+{
+    let classList = []
+    if (props.classList)
+        classList.push(...props.classList);
+    classList.push(Style.ns_button_blue);
+
+    return <NSButton title={props.title} icon={props.icon} onClick={props.onClick} id={props.id} classList={classList} style={props.style} />;
 }

package/src/components/NSButtonGreen.module.css

@@ -1,5 +1,5 @@
-.ns_button_green {
-    background-color: #06D182;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff !important;
+.ns_button_green {
+    background-color: #06D182;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+	color: #fff !important;
 }

package/src/components/NSButtonGreen.tsx

@@ -1,11 +1,11 @@
-import {NSButton, INSButtonProps } from "./NSButton";
-import Style from "./NSButtonGreen.module.css";
-
-export function NSButtonGreen(props: INSButtonProps) 
-{
-    let classList = []
-    if (props.classList)
-        classList.push(...props.classList);
-    classList.push(Style.ns_button_green);
-    return <NSButton title={props.title} icon={props.icon} onClick={props.onClick} id={props.id} classList={classList} style={props.style} />;
+import {NSButton, INSButtonProps } from "./NSButton";
+import Style from "./NSButtonGreen.module.css";
+
+export function NSButtonGreen(props: INSButtonProps) 
+{
+    let classList = []
+    if (props.classList)
+        classList.push(...props.classList);
+    classList.push(Style.ns_button_green);
+    return <NSButton title={props.title} icon={props.icon} onClick={props.onClick} id={props.id} classList={classList} style={props.style} />;
 }

package/src/components/NSButtonRed.module.css

@@ -1,5 +1,5 @@
-.ns_button_red {
-    background-color: #FF3F3F;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff;
+.ns_button_red {
+    background-color: #FF3F3F;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+	color: #fff;
 }

package/src/components/NSButtonRed.tsx

@@ -1,11 +1,11 @@
-import { NSButton, INSButtonProps } from "./NSButton";
-import Style from "./NSButtonRed.module.css";
-
-export function NSButtonRed(props: INSButtonProps) 
-{
-    let classList = []
-    if (props.classList)
-        classList.push(...props.classList);
-    classList.push(Style.ns_button_red);
-    return <NSButton title={props.title} icon={props.icon} onClick={props.onClick} id={props.id} classList={classList} style={props.style} />;
+import { NSButton, INSButtonProps } from "./NSButton";
+import Style from "./NSButtonRed.module.css";
+
+export function NSButtonRed(props: INSButtonProps) 
+{
+    let classList = []
+    if (props.classList)
+        classList.push(...props.classList);
+    classList.push(Style.ns_button_red);
+    return <NSButton title={props.title} icon={props.icon} onClick={props.onClick} id={props.id} classList={classList} style={props.style} />;
 }

package/src/components/NSCard.module.css

@@ -1,109 +1,109 @@
-.ns_card {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: space-between;
-	/* gap: 24px 0; */
-	background-color: #fff;
-	box-shadow: 0 2px 10px 4px #00000040;
-	padding: 24px;
-	border-radius: 24px;
-	max-width: 310px;
-	position: relative;
-}
-
-.ns_card_detail_container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: space-between;
-	color: #001664;
-}
-
-.ns_card_title_img {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 8px;
-	width: 100%;
-}
-
-.ns_card_img {
-	border-radius: 16px;
-	object-fit: cover;
-	width: 100px;
-	height: 100%;
-}
-
-.ns_card_title {
-	font-style: inherit;
-	font-size: 24px;
-	font-weight: 700;
-	font-family: inherit;
-	line-height: normal;
-	text-align: center;
-	width: 100%;
-	color: inherit;
-}
-
-.ns_card_headline {
-	font-style: normal;
-	font-size: 18px;
-	font-weight: 500;
-	font-family: inherit;
-	line-height: normal;
-	text-align: justify;
-	color: inherit;
-}
-
-.ns_card_description {
-	font-style: normal;
-	font-size: 16px;
-	font-weight: 400;
-	font-family: inherit;
-	line-height: normal;
-	text-align: justify;
-	color: inherit;
-}
-
-.ns_card_link {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 12px 24px;
-	background-color: #3963FF;
-	box-shadow: inset 2px 2px 2px 0 #1754F3;
-	color: #fff;
-	font-weight: 400;
-	font-style: inherit;
-	line-height: normal;
-	border-radius: 24px;
-	width: 100%;
-	max-width: 272px;
-	margin-top: 24px;
-}
-
-.ns_card_link_container {
-	width: 100%;
-}
-
-
-@media only screen and (min-width: 576px) {
-	.ns_card {
-		width: 65%;
-	}
-}
-
-@media only screen and (min-width: 768px) {
-	.ns_card {
-		width: 41%;
-	}
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_card {
-		width: 25%;
-	}
+.ns_card {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
+	/* gap: 24px 0; */
+	background-color: #fff;
+	box-shadow: 0 2px 10px 4px #00000040;
+	padding: 24px;
+	border-radius: 24px;
+	max-width: 310px;
+	position: relative;
+}
+
+.ns_card_detail_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
+	color: #001664;
+}
+
+.ns_card_title_img {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 8px;
+	width: 100%;
+}
+
+.ns_card_img {
+	border-radius: 16px;
+	object-fit: cover;
+	width: 100px;
+	height: 100%;
+}
+
+.ns_card_title {
+	font-style: inherit;
+	font-size: 24px;
+	font-weight: 700;
+	font-family: inherit;
+	line-height: normal;
+	text-align: center;
+	width: 100%;
+	color: inherit;
+}
+
+.ns_card_headline {
+	font-style: normal;
+	font-size: 18px;
+	font-weight: 500;
+	font-family: inherit;
+	line-height: normal;
+	text-align: justify;
+	color: inherit;
+}
+
+.ns_card_description {
+	font-style: normal;
+	font-size: 16px;
+	font-weight: 400;
+	font-family: inherit;
+	line-height: normal;
+	text-align: justify;
+	color: inherit;
+}
+
+.ns_card_link {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 12px 24px;
+	background-color: #3963FF;
+	box-shadow: inset 2px 2px 2px 0 #1754F3;
+	color: #fff;
+	font-weight: 400;
+	font-style: inherit;
+	line-height: normal;
+	border-radius: 24px;
+	width: 100%;
+	max-width: 272px;
+	margin-top: 24px;
+}
+
+.ns_card_link_container {
+	width: 100%;
+}
+
+
+@media only screen and (min-width: 576px) {
+	.ns_card {
+		width: 65%;
+	}
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_card {
+		width: 41%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_card {
+		width: 25%;
+	}
 }

package/src/components/NSCard.tsx

@@ -1,72 +1,72 @@
-import Styles from './NSCard.module.css'
-import { NSLinkBlue } from './NSLinkBlue';
-import { ILinkProps } from '../props/ILinkProps';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IImageProps } from '../props/IImageProps';
-
-export interface INSCardProps extends IBaseComponentProps
-{
-	title?: string;
-	headline?: {
-		color?: string;
-		text: string;
-	}
-	description?: string;
-	image: IImageProps;
-	link: ILinkProps;
-}
-
-export function NSCard(props: INSCardProps)
-{
-	return (
-		<a href={props.link.href} id={props.id}
-			className={`${Styles.ns_card} ${props.classList?.join(" ")}`}
-			style={props.style}
-			target='_blank'
-			rel="noreferrer"
-		>
-			<div className={Styles.ns_card_detail_container}>
-				<div className={Styles.ns_card_title_img}
-					style={{
-						alignItems: props.description ? "flex-start" : "center",
-					}}
-				>
-					<img className={Styles.ns_card_img} alt='Card' {...props.image} />
-					{props.headline &&
-						<span className={Styles.ns_card_headline} style={{ color: props.headline?.color }}> {props.headline.text} </span>
-					}
-					<h3 className={Styles.ns_card_title}>
-						{props.title}
-					</h3>
-				</div>
-				{
-					props.description &&
-					<p className={Styles.ns_card_description}>
-						{props.description}
-					</p>
-				}
-			</div>
-			{
-				props.link ?
-					props.link.title ?
-						<div className={Styles.ns_card_link_container}>
-							<NSLinkBlue
-								title={props.link.title}
-								href={props.link.href}
-								target={props.link.target}
-								style={{ marginTop: "24px" }}
-							/>
-						</div>
-						:
-						<div className={Styles.ns_card_link_container}>
-							<NSLinkBlue
-								href={props.link.href}
-								target={props.link.target}
-							/>
-						</div>
-					:
-					<div></div>
-			}
-		</a >
-	);
+import Styles from './NSCard.module.css'
+import { NSLinkBlue } from './NSLinkBlue';
+import { ILinkProps } from '../props/ILinkProps';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IImageProps } from '../props/IImageProps';
+
+export interface INSCardProps extends IBaseComponentProps
+{
+	title?: string;
+	headline?: {
+		color?: string;
+		text: string;
+	}
+	description?: string;
+	image: IImageProps;
+	link: ILinkProps;
+}
+
+export function NSCard(props: INSCardProps)
+{
+	return (
+		<a href={props.link.href} id={props.id}
+			className={`${Styles.ns_card} ${props.classList?.join(" ")}`}
+			style={props.style}
+			target='_blank'
+			rel="noreferrer"
+		>
+			<div className={Styles.ns_card_detail_container}>
+				<div className={Styles.ns_card_title_img}
+					style={{
+						alignItems: props.description ? "flex-start" : "center",
+					}}
+				>
+					<img className={Styles.ns_card_img} alt='Card' {...props.image} />
+					{props.headline &&
+						<span className={Styles.ns_card_headline} style={{ color: props.headline?.color }}> {props.headline.text} </span>
+					}
+					<h3 className={Styles.ns_card_title}>
+						{props.title}
+					</h3>
+				</div>
+				{
+					props.description &&
+					<p className={Styles.ns_card_description}>
+						{props.description}
+					</p>
+				}
+			</div>
+			{
+				props.link ?
+					props.link.title ?
+						<div className={Styles.ns_card_link_container}>
+							<NSLinkBlue
+								title={props.link.title}
+								href={props.link.href}
+								target={props.link.target}
+								style={{ marginTop: "24px" }}
+							/>
+						</div>
+						:
+						<div className={Styles.ns_card_link_container}>
+							<NSLinkBlue
+								href={props.link.href}
+								target={props.link.target}
+							/>
+						</div>
+					:
+					<div></div>
+			}
+		</a >
+	);
 }

package/src/components/NSCardScreenshot.module.css

@@ -1,42 +1,42 @@
-.card_screenshot {
-    border: 1px solid #CBD7FF;
-    border-radius: 8px;
-    width: 100%;
-    max-width: 370px;
-    height: 266px;
-    padding: 8px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.card_screenshot_header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 8px 0;
-	color: #141B5C,
-}
-
-.timeSpent {
-    font-size: 16px;
-    font-weight: 600;
-    color: #141B5C,
-}
-
-.deleteButton {
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-}
-
-.deleteButton img {
-    width: 100%;
-}
-
-.screenshot_imageSection img {
-    width: 100%;
-    object-fit: cover;
-    border-radius: 4px;
+.card_screenshot {
+    border: 1px solid #CBD7FF;
+    border-radius: 8px;
+    width: 100%;
+    max-width: 370px;
+    height: 266px;
+    padding: 8px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.card_screenshot_header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 0;
+	color: #141B5C,
+}
+
+.timeSpent {
+    font-size: 16px;
+    font-weight: 600;
+    color: #141B5C,
+}
+
+.deleteButton {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+}
+
+.deleteButton img {
+    width: 100%;
+}
+
+.screenshot_imageSection img {
+    width: 100%;
+    object-fit: cover;
+    border-radius: 4px;
 }

package/src/components/NSCardScreenshot.tsx

@@ -1,32 +1,32 @@
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import Styles from "./NSCardScreenshot.module.css"
-
-export interface NSCardScreenshotProps extends IBaseComponentProps
-{
-	key: number;
-	screenshot: string;
-	timeSpent: string;
-	onDelete: () => void;
-};
-
-export function NSCardScreenshot(props: NSCardScreenshotProps)
-{
-	return (
-		<div className={`${Styles.card_screenshot} ${props.classList?.join(' ')}`} style={props.style}>
-			<div className={Styles.card_screenshot_header}>
-				<span className={Styles.timeSpent}>{props.timeSpent}</span>
-				<div onClick={() =>
-				{
-					if (props.onDelete)
-						props.onDelete()
-				}}
-					className={Styles.deleteButton}>
-					<img src="https://static.namirasoft.com/image/concept/delete/blue.svg" alt="" width={24} height={24} />
-				</div>
-			</div>
-			<div className={Styles.screenshot_imageSection}>
-				<img src={props.screenshot} alt="Screenshot" className={Styles.image} />
-			</div>
-		</div>
-	);
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import Styles from "./NSCardScreenshot.module.css"
+
+export interface NSCardScreenshotProps extends IBaseComponentProps
+{
+	key: number;
+	screenshot: string;
+	timeSpent: string;
+	onDelete: () => void;
+};
+
+export function NSCardScreenshot(props: NSCardScreenshotProps)
+{
+	return (
+		<div className={`${Styles.card_screenshot} ${props.classList?.join(' ')}`} style={props.style}>
+			<div className={Styles.card_screenshot_header}>
+				<span className={Styles.timeSpent}>{props.timeSpent}</span>
+				<div onClick={() =>
+				{
+					if (props.onDelete)
+						props.onDelete()
+				}}
+					className={Styles.deleteButton}>
+					<img src="https://static.namirasoft.com/image/concept/delete/blue.svg" alt="" width={24} height={24} />
+				</div>
+			</div>
+			<div className={Styles.screenshot_imageSection}>
+				<img src={props.screenshot} alt="Screenshot" className={Styles.image} />
+			</div>
+		</div>
+	);
 };

package/src/components/NSChartColumn.module.css

@@ -1,8 +1,8 @@
-.chart_column_container {
-    max-width: 620px;
-    width: 100%;
-}
-
-.chart_column_container canvas {
-    height: 100% !important;
+.chart_column_container {
+    max-width: 620px;
+    width: 100%;
+}
+
+.chart_column_container canvas {
+    height: 100% !important;
 }