dce-reactkit 3.7.1-beta.1 → 3.7.1-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +25 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +25 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AppWrapper.tsx +38 -0
package/package.json
CHANGED
|
@@ -632,16 +632,54 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
|
|
|
632
632
|
body = children;
|
|
633
633
|
}
|
|
634
634
|
|
|
635
|
+
/* ------------- Tooltip ------------ */
|
|
636
|
+
|
|
637
|
+
const tooltipStyle = (
|
|
638
|
+
isDarkModeOn()
|
|
639
|
+
? `
|
|
640
|
+
.tooltip-inner {
|
|
641
|
+
background-color: white;
|
|
642
|
+
color: black;
|
|
643
|
+
border: 0.1rem solid black;
|
|
644
|
+
}
|
|
645
|
+
div[data-popper-placement="top"] .tooltip-arrow::before {
|
|
646
|
+
border-top-color: white !important;
|
|
647
|
+
transform: translate(0, -0.05rem);
|
|
648
|
+
}
|
|
649
|
+
`
|
|
650
|
+
: `
|
|
651
|
+
.tooltip-inner {
|
|
652
|
+
background-color: black;
|
|
653
|
+
color: black;
|
|
654
|
+
border: 0.1rem solid white;
|
|
655
|
+
}
|
|
656
|
+
div[data-popper-placement="top"] .tooltip-arrow::before {
|
|
657
|
+
border-top-color: black !important;
|
|
658
|
+
transform: translate(0, -0.05rem);
|
|
659
|
+
}
|
|
660
|
+
`
|
|
661
|
+
);
|
|
662
|
+
|
|
635
663
|
/*----------------------------------------*/
|
|
636
664
|
/* --------------- Main UI -------------- */
|
|
637
665
|
/*----------------------------------------*/
|
|
638
666
|
|
|
639
667
|
return (
|
|
640
668
|
<>
|
|
669
|
+
{/* Style */}
|
|
641
670
|
<style>
|
|
642
671
|
{style}
|
|
643
672
|
</style>
|
|
673
|
+
|
|
674
|
+
{/* Tooltip Style */}
|
|
675
|
+
<style>
|
|
676
|
+
{tooltipStyle}
|
|
677
|
+
</style>
|
|
678
|
+
|
|
679
|
+
{/* Modal */}
|
|
644
680
|
{modal}
|
|
681
|
+
|
|
682
|
+
{/* Body */}
|
|
645
683
|
{body}
|
|
646
684
|
</>
|
|
647
685
|
);
|