@ammarkhalidfarooq/dashboard-package 0.4.34 → 0.4.35

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.es.js CHANGED
@@ -5256,7 +5256,6 @@ var OverallSection = function OverallSection(_ref) {
5256
5256
  },
5257
5257
  isActive: activeMetric === title,
5258
5258
  sx: {
5259
- flex: 1
5260
5259
  // border:
5261
5260
  // activeMetric === title
5262
5261
  // ? "1px solid rgb(99, 99, 230)"
@@ -5553,10 +5552,15 @@ var OverallSection = function OverallSection(_ref) {
5553
5552
  return /*#__PURE__*/jsxs(Fragment, {
5554
5553
  children: [/*#__PURE__*/jsx(Box, {
5555
5554
  sx: {
5556
- display: "flex",
5555
+ display: "grid",
5556
+ gridTemplateColumns: {
5557
+ xs: "1fr",
5558
+ sm: "1fr 1fr",
5559
+ md: "1fr 1fr 1fr",
5560
+ lg: "repeat(6, 1fr)"
5561
+ },
5557
5562
  gap: 2,
5558
- mb: 5,
5559
- flexWrap: "wrap"
5563
+ mb: 5
5560
5564
  },
5561
5565
  children: Object.keys(metricInfo).map(renderCard)
5562
5566
  }), /*#__PURE__*/jsx(Grid, {
@@ -5876,7 +5880,6 @@ var PaidSection = function PaidSection() {
5876
5880
  },
5877
5881
  isActive: activeMetric === title,
5878
5882
  sx: {
5879
- flex: 1
5880
5883
  // border:
5881
5884
  // activeMetric === title
5882
5885
  // ? "2px solid rgb(99, 99, 230)"
@@ -5895,10 +5898,15 @@ var PaidSection = function PaidSection() {
5895
5898
  return /*#__PURE__*/jsxs(Fragment, {
5896
5899
  children: [/*#__PURE__*/jsx(Box, {
5897
5900
  sx: {
5898
- display: "flex",
5901
+ display: "grid",
5902
+ gridTemplateColumns: {
5903
+ xs: "1fr",
5904
+ sm: "1fr 1fr",
5905
+ md: "1fr 1fr 1fr",
5906
+ lg: "repeat(6, 1fr)"
5907
+ },
5899
5908
  gap: 2,
5900
- mb: 1,
5901
- flexWrap: "wrap"
5909
+ mb: 1
5902
5910
  },
5903
5911
  children: Object.keys(metricInfo).map(renderCard)
5904
5912
  }), /*#__PURE__*/jsx(Grid, {
@@ -6512,26 +6520,34 @@ var EmailSection = function EmailSection() {
6512
6520
  // onClick={() => setActiveMetric(title)}
6513
6521
  // isActive={activeMetric === title}
6514
6522
  ,
6515
- sx: {
6516
- flex: 1
6517
- }
6523
+ sx: {}
6518
6524
  }, title);
6519
6525
  };
6520
6526
  return /*#__PURE__*/jsxs(Fragment, {
6521
6527
  children: [/*#__PURE__*/jsx(Box, {
6522
6528
  sx: {
6523
- display: "flex",
6529
+ display: "grid",
6530
+ gridTemplateColumns: {
6531
+ xs: "1fr",
6532
+ sm: "1fr 1fr",
6533
+ md: "1fr 1fr 1fr",
6534
+ lg: "repeat(5, 1fr)"
6535
+ },
6524
6536
  gap: 2,
6525
- mb: 2,
6526
- flexWrap: "wrap"
6537
+ mb: 2
6527
6538
  },
6528
6539
  children: ["Total raised", "Donations", "Conversion rate", "CTR", "Revenue per email"].map(renderCard)
6529
6540
  }), /*#__PURE__*/jsx(Box, {
6530
6541
  sx: {
6531
- display: "flex",
6542
+ display: "grid",
6543
+ gridTemplateColumns: {
6544
+ xs: "1fr",
6545
+ sm: "1fr 1fr",
6546
+ md: "1fr 1fr 1fr",
6547
+ lg: "repeat(5, 1fr)"
6548
+ },
6532
6549
  gap: 2,
6533
- mb: 2,
6534
- flexWrap: "wrap"
6550
+ mb: 2
6535
6551
  },
6536
6552
  children: ["Open rate", "Clicks", "Unique Clicks", "Bounce rate", "Revenue per Click"].map(renderCard)
6537
6553
  }), /*#__PURE__*/jsxs(Grid, {