@@ -14,7 +14,7 @@ import "react-datepicker/dist/react-datepicker.css";
14
14
import "../../styles/signature.css" ;
15
15
import RegexParser from "regex-parser" ;
16
16
const textWidgetCls =
17
- "w-full h-full md:min-w-full md:min-h-full z-[999] text-[12px] rounded-[2px] border-[1px] border-[#007bff] overflow-hidden resize-none outline-none text-base-content bg-base-100 whitespace-pre-wrap" ;
17
+ "w-full h-full md:min-w-full md:min-h-full z-[999] text-[12px] rounded-[2px] border-[1px] border-[#007bff] overflow-hidden resize-none outline-none text-base-content item-center bg-base-100 whitespace-pre-wrap" ;
18
18
const selectWidgetCls =
19
19
"w-full h-full absolute left-0 top-0 border-[1px] border-[#007bff] rounded-[2px] focus:outline-none bg-base-100 text-base-content" ;
20
20
function PlaceholderType ( props ) {
@@ -309,10 +309,10 @@ function PlaceholderType(props) {
309
309
alt = "signature"
310
310
draggable = "false"
311
311
src = { props . pos . SignUrl }
312
- className = "w-full h-full object-contain "
312
+ className = "w-full h-full "
313
313
/>
314
314
) : (
315
- < div className = "text-[11px] text-black justify-center" >
315
+ < div className = "text-[11px] w-full h-full text-black flex flex-col justify-center items -center" >
316
316
{ props ?. handleUserName &&
317
317
props ?. handleUserName (
318
318
props ?. data ?. Id ,
@@ -327,10 +327,10 @@ function PlaceholderType(props) {
327
327
alt = "stamp"
328
328
draggable = "false"
329
329
src = { props . pos . SignUrl }
330
- className = "w-full h-full object-contain "
330
+ className = "w-full h-full"
331
331
/>
332
332
) : (
333
- < div className = "text-[11px] text-black justify-center" >
333
+ < div className = "text-[11px] w-full h-full text-black flex flex-col justify-center items -center" >
334
334
{ props ?. handleUserName &&
335
335
props ?. handleUserName (
336
336
props ?. data ?. Id ,
@@ -412,6 +412,12 @@ function PlaceholderType(props) {
412
412
) ;
413
413
} }
414
414
className = { textWidgetCls }
415
+ style = { {
416
+ fontSize : props . pos . options ?. fontSize
417
+ ? props . pos . options ?. fontSize + "px"
418
+ : "12px" ,
419
+ color : props . pos . options ?. fontColor || "black"
420
+ } }
415
421
cols = "50"
416
422
/>
417
423
) : (
@@ -470,10 +476,10 @@ function PlaceholderType(props) {
470
476
alt = "initials"
471
477
draggable = "false"
472
478
src = { props . pos . SignUrl }
473
- className = "w-full h-full object-contain "
479
+ className = "w-full h-full"
474
480
/>
475
481
) : (
476
- < div className = "text-[11px] text-black justify-center" >
482
+ < div className = "text-[11px] w-full h-full text-black flex flex-col justify-center items -center" >
477
483
{ props ?. handleUserName &&
478
484
props ?. handleUserName (
479
485
props ?. data ?. Id ,
@@ -505,6 +511,12 @@ function PlaceholderType(props) {
505
511
) ;
506
512
} }
507
513
className = { textWidgetCls }
514
+ style = { {
515
+ fontSize : props . pos . options ?. fontSize
516
+ ? props . pos . options ?. fontSize + "px"
517
+ : "12px" ,
518
+ color : props . pos . options ?. fontColor || "black"
519
+ } }
508
520
cols = "50"
509
521
/>
510
522
) : (
@@ -539,6 +551,12 @@ function PlaceholderType(props) {
539
551
) ;
540
552
} }
541
553
className = { textWidgetCls }
554
+ style = { {
555
+ fontSize : props . pos . options ?. fontSize
556
+ ? props . pos . options ?. fontSize + "px"
557
+ : "12px" ,
558
+ color : props . pos . options ?. fontColor || "black"
559
+ } }
542
560
cols = "50"
543
561
/>
544
562
) : (
@@ -573,6 +591,12 @@ function PlaceholderType(props) {
573
591
) ;
574
592
} }
575
593
className = { textWidgetCls }
594
+ style = { {
595
+ fontSize : props . pos . options ?. fontSize
596
+ ? props . pos . options ?. fontSize + "px"
597
+ : "12px" ,
598
+ color : props . pos . options ?. fontColor || "black"
599
+ } }
576
600
cols = "50"
577
601
/>
578
602
) : (
@@ -650,10 +674,10 @@ function PlaceholderType(props) {
650
674
alt = "image"
651
675
draggable = "false"
652
676
src = { props . pos . SignUrl }
653
- className = "w-full h-full object-contain "
677
+ className = "w-full h-full"
654
678
/>
655
679
) : (
656
- < div className = "text-[11px] text-black justify-center" >
680
+ < div className = "text-[11px] w-full h-full text-black flex flex-col justify-center items -center" >
657
681
{ props ?. handleUserName &&
658
682
props ?. handleUserName (
659
683
props ?. data ?. Id ,
@@ -685,6 +709,12 @@ function PlaceholderType(props) {
685
709
) ;
686
710
} }
687
711
className = { textWidgetCls }
712
+ style = { {
713
+ fontSize : props . pos . options ?. fontSize
714
+ ? props . pos . options ?. fontSize + "px"
715
+ : "12px" ,
716
+ color : props . pos . options ?. fontColor || "black"
717
+ } }
688
718
cols = "50"
689
719
/>
690
720
) : (
@@ -749,6 +779,12 @@ function PlaceholderType(props) {
749
779
) ;
750
780
} }
751
781
className = { textWidgetCls }
782
+ style = { {
783
+ fontSize : props . pos . options ?. fontSize
784
+ ? props . pos . options ?. fontSize + "px"
785
+ : "12px" ,
786
+ color : props . pos . options ?. fontColor || "black"
787
+ } }
752
788
cols = "50"
753
789
/>
754
790
) ;
@@ -759,17 +795,11 @@ function PlaceholderType(props) {
759
795
alt = "image"
760
796
draggable = "false"
761
797
src = { props . pos . SignUrl }
762
- className = "w-full h-full object-contain "
798
+ className = "w-full h-full"
763
799
/>
764
800
</ div >
765
801
) : (
766
- < div
767
- style = { {
768
- fontSize : "10px" ,
769
- color : "black" ,
770
- justifyContent : "center"
771
- } }
772
- >
802
+ < div className = "text-[11px] w-full h-full text-black flex flex-col justify-center items-center" >
773
803
{ props . pos . isStamp ? < div > stamp</ div > : < div > signature</ div > }
774
804
{ props ?. handleUserName &&
775
805
props ?. handleUserName ( props ?. data ?. Id , props ?. data ?. Role ) }
0 commit comments