@ammarkhalidfarooq/dashboard-package 0.3.5 → 0.3.7
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/index.cjs.js +25 -15
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +25 -15
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -654,18 +654,16 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
654
654
|
display: "flex",
|
|
655
655
|
justifyContent: "space-between",
|
|
656
656
|
alignItems: "center",
|
|
657
|
-
boxShadow: "
|
|
657
|
+
boxShadow: "rgba(0, 0, 0, 0.06) 0px 4px 15px 0px",
|
|
658
|
+
// boxShadow: "0 4px 24px rgba(0,0,0,0.06)",
|
|
658
659
|
// padding: "16px 16px 16px 18px",
|
|
659
660
|
py: "10px",
|
|
660
661
|
px: "16px",
|
|
661
662
|
cursor: "pointer",
|
|
662
663
|
bgcolor: "#fff",
|
|
663
|
-
border: "
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
border: "2px solid rgb(99, 99, 230)"
|
|
667
|
-
// transform: "translateY(-2px)",
|
|
668
|
-
}
|
|
664
|
+
border: isActive ? "1px solid rgb(99, 99, 230)" : "none",
|
|
665
|
+
// border: "2px solid #f0f0f0",
|
|
666
|
+
transition: "all 0.3s ease"
|
|
669
667
|
}, sx),
|
|
670
668
|
children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
671
669
|
sx: {
|
|
@@ -1963,8 +1961,11 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
1963
1961
|
},
|
|
1964
1962
|
isActive: activeMetric === title,
|
|
1965
1963
|
sx: {
|
|
1966
|
-
flex: 1
|
|
1967
|
-
border:
|
|
1964
|
+
flex: 1
|
|
1965
|
+
// border:
|
|
1966
|
+
// activeMetric === title
|
|
1967
|
+
// ? "2px solid rgb(99, 99, 230)"
|
|
1968
|
+
// : "2px solid #f0f0f0",
|
|
1968
1969
|
}
|
|
1969
1970
|
}, title);
|
|
1970
1971
|
})
|
|
@@ -2122,8 +2123,11 @@ var EmailSection = function EmailSection() {
|
|
|
2122
2123
|
},
|
|
2123
2124
|
isActive: activeMetric === title,
|
|
2124
2125
|
sx: {
|
|
2125
|
-
flex: 1
|
|
2126
|
-
border:
|
|
2126
|
+
flex: 1
|
|
2127
|
+
// border:
|
|
2128
|
+
// activeMetric === title
|
|
2129
|
+
// ? "2px solid rgb(99, 99, 230)"
|
|
2130
|
+
// : "2px solid #f0f0f0",
|
|
2127
2131
|
}
|
|
2128
2132
|
});
|
|
2129
2133
|
};
|
|
@@ -4902,8 +4906,11 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
4902
4906
|
},
|
|
4903
4907
|
isActive: activeMetric === title,
|
|
4904
4908
|
sx: {
|
|
4905
|
-
flex: 1
|
|
4906
|
-
border:
|
|
4909
|
+
flex: 1
|
|
4910
|
+
// border:
|
|
4911
|
+
// activeMetric === title
|
|
4912
|
+
// ? "1px solid rgb(99, 99, 230)"
|
|
4913
|
+
// : "2px solid #f0f0f0",
|
|
4907
4914
|
}
|
|
4908
4915
|
}, title);
|
|
4909
4916
|
};
|
|
@@ -5132,8 +5139,11 @@ var PaidSection = function PaidSection() {
|
|
|
5132
5139
|
},
|
|
5133
5140
|
isActive: activeMetric === title,
|
|
5134
5141
|
sx: {
|
|
5135
|
-
flex: 1
|
|
5136
|
-
border:
|
|
5142
|
+
flex: 1
|
|
5143
|
+
// border:
|
|
5144
|
+
// activeMetric === title
|
|
5145
|
+
// ? "2px solid rgb(99, 99, 230)"
|
|
5146
|
+
// : "2px solid #f0f0f0",
|
|
5137
5147
|
}
|
|
5138
5148
|
}, title);
|
|
5139
5149
|
};
|