namirasoft-site-react 1.3.196 → 1.3.198

package/src/components/NSBoxTextArea.tsx

@@ -54,7 +54,7 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
 		{
 			this.setState({ error });
 			// throw new Error(error);
-			return ''; 
+			return '';
 		}
 		return this.state.value;
 
@@ -77,7 +77,7 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
 	{
 		return (
 			<>
-				<div className={`${Styles.ns_text_area_parent} ${this.props.classList?.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`} style={this.props.style}>
+				<div className={`${Styles.ns_text_area_parent} ${this.props.classList?.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`} style={this.props.style} onClick={this.state.isFullScreen ? ()=>{} : ()=>{}}>
 					<div className="d-flex justify-content-between align-items-center">
 						<span className={Styles.ns_input_title}>
 							{this.props.required && <span style={{ color: "red" }}>*</span>} {this.props.title}
@@ -102,16 +102,13 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
 						</div>
 					</div>
 					<div className={Styles.ns_text_area_container}>
-						<figure className={Styles.ns_text_area_icon_container}>
-							<img
-								src={IconInputString}
-								alt="text-area-icon"
-								width={24}
-								height={24}
-							/>
-						</figure>
 						<textarea
-							style={{ height: !this.props.rows ? "96px" : "" }}
+							style={{
+								height: !this.props.rows ? "96px" : "",
+								background:
+									`url(${IconInputString}) white no-repeat scroll top right 16px `,
+								backgroundPositionY: "12px"
+							}}
 							cols={this.props.cols}
 							rows={this.props.rows}
 							id={this.props.id}

package/src/components/NSBoxTime.tsx

@@ -67,13 +67,6 @@ export class NSBoxTime extends React.Component<INSBoxTimeProps, INSBoxTimeState>
 			<>
 				<div className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
 					<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-					<img
-						className={Styles.ns_input_icon}
-						src={IconInputTime}
-						alt="Time Icon"
-						width={24}
-						height={24}
-					/>
 					<input
 						id={this.props.id}
 						value={this.state.value}
@@ -82,6 +75,7 @@ export class NSBoxTime extends React.Component<INSBoxTimeProps, INSBoxTimeState>
 						className={Styles.ns_input}
 						placeholder={this.props.placeholder}
 						step="2"
+						style={{ background: `url(${IconInputTime}) white no-repeat scroll center right 16px` }}
 					/>
 				</div>
 				<NSBoxErrorNotifier error={this.state.error} />

package/src/components/NSTabPage.module.css

@@ -42,4 +42,8 @@
     padding: 16px;
     border-radius: 0 8px 8px 8px;
     background-color: #fff;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: 0;
+    border-right: 1px solid #ccc;
 }