namirasoft-site-react 1.4.554 → 1.4.556

package/src/components/NSButtonRed.tsx

@@ -1,30 +1,30 @@
-import React, { createRef } from "react";
-import { NSButton, NSButtonProps } from "./NSButton";
-import Style from "./NSButtonRed.module.css";
-
-export class NSButtonRed extends React.Component<NSButtonProps>
-{
-	private NSButton_Base = createRef<NSButton>();
-	constructor(props: NSButtonProps)
-	{
-		super(props);
-		this.performClick = this.performClick.bind(this);
-	}
-	performClick()
-	{
-		this.NSButton_Base.current?.performClick();
-	}
-	override render()
-	{
-		let classList = []
-		if (this.props.classList)
-			classList.push(...this.props.classList);
-		classList.push(Style.ns_button_red);
-
-		return <NSButton
-			ref={this.NSButton_Base}
-			{...this.props}
-			classList={classList}
-		/>;
-	}
+import React, { createRef } from "react";
+import { NSButton, NSButtonProps } from "./NSButton";
+import Style from "./NSButtonRed.module.css";
+
+export class NSButtonRed extends React.Component<NSButtonProps>
+{
+	private NSButton_Base = createRef<NSButton>();
+	constructor(props: NSButtonProps)
+	{
+		super(props);
+		this.performClick = this.performClick.bind(this);
+	}
+	performClick()
+	{
+		this.NSButton_Base.current?.performClick();
+	}
+	override render()
+	{
+		let classList = []
+		if (this.props.classList)
+			classList.push(...this.props.classList);
+		classList.push(Style.ns_button_red);
+
+		return <NSButton
+			ref={this.NSButton_Base}
+			{...this.props}
+			classList={classList}
+		/>;
+	}
 }

package/src/components/NSCard.module.css

@@ -1,114 +1,114 @@
-.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;
-	border-radius: 24px;
-	max-width: 310px;
-	position: relative;
-}
-
-.ns_card_detail_container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 16px;
-	color: #001664;
-	width: 100%;
-	height: 100%;
-	padding: 24px;
-	text-decoration: none;
-}
-
-.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: 128px;
-	height: 128px;
-}
-
-.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;
-	margin-bottom: 0;
-}
-
-.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;
-	margin-bottom: 0;
-}
-
-.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;
+	border-radius: 24px;
+	max-width: 310px;
+	position: relative;
+}
+
+.ns_card_detail_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 16px;
+	color: #001664;
+	width: 100%;
+	height: 100%;
+	padding: 24px;
+	text-decoration: none;
+}
+
+.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: 128px;
+	height: 128px;
+}
+
+.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;
+	margin-bottom: 0;
+}
+
+.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;
+	margin-bottom: 0;
+}
+
+.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,68 +1,68 @@
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IImageProps } from '../props/IImageProps';
-import Styles from './NSCard.module.css';
-import { NSLinkProps } from './NSLink';
-import { NSLinkBlue } from './NSLinkBlue';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-
-export interface NSCardProps extends IBaseComponentProps
-{
-	title?: string;
-	headline?: {
-		color?: string;
-		text: string;
-	}
-	description?: string;
-	image?: IImageProps;
-	link: NSLinkProps;
-}
-
-export function NSCard(props: NSCardProps)
-{
-	return (
-		<div
-			id={props.id}
-			className={`${Styles.ns_card} ${props.classList?.join(" ") ?? ""}`}
-			style={props.style}
-		>
-			<a
-				href={props.link.href}
-				target={props.link.target ?? "_blank"}
-				rel="noreferrer"
-				className={Styles.ns_card_detail_container}
-			>
-				<div className={Styles.ns_card_title_img}>
-					{
-						props.image &&
-						<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>
-				}
-			</a>
-			{
-				props.link.children &&
-				<div className={Styles.ns_card_link_container}>
-					<NSLinkBlue
-						href={props.link.href}
-						target={props.link.target ?? "_blank"}
-						style={{ marginTop: "24px" }}
-					>
-						{props.link.children}
-					</NSLinkBlue>
-					<NSSpace size={NSSpaceSizeType.SMALL} />
-				</div>
-			}
-		</div >
-	);
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IImageProps } from '../props/IImageProps';
+import Styles from './NSCard.module.css';
+import { NSLinkProps } from './NSLink';
+import { NSLinkBlue } from './NSLinkBlue';
+import { NSSpace, NSSpaceSizeType } from './NSSpace';
+
+export interface NSCardProps extends IBaseComponentProps
+{
+	title?: string;
+	headline?: {
+		color?: string;
+		text: string;
+	}
+	description?: string;
+	image?: IImageProps;
+	link: NSLinkProps;
+}
+
+export function NSCard(props: NSCardProps)
+{
+	return (
+		<div
+			id={props.id}
+			className={`${Styles.ns_card} ${props.classList?.join(" ") ?? ""}`}
+			style={props.style}
+		>
+			<a
+				href={props.link.href}
+				target={props.link.target ?? "_blank"}
+				rel="noreferrer"
+				className={Styles.ns_card_detail_container}
+			>
+				<div className={Styles.ns_card_title_img}>
+					{
+						props.image &&
+						<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>
+				}
+			</a>
+			{
+				props.link.children &&
+				<div className={Styles.ns_card_link_container}>
+					<NSLinkBlue
+						href={props.link.href}
+						target={props.link.target ?? "_blank"}
+						style={{ marginTop: "24px" }}
+					>
+						{props.link.children}
+					</NSLinkBlue>
+					<NSSpace size={NSSpaceSizeType.SMALL} />
+				</div>
+			}
+		</div >
+	);
 }

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;
 }