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