@ammarkhalidfarooq/dashboard-package 0.4.34 → 0.4.36

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 CHANGED
@@ -5258,7 +5258,6 @@ var OverallSection = function OverallSection(_ref) {
5258
5258
  },
5259
5259
  isActive: activeMetric === title,
5260
5260
  sx: {
5261
- flex: 1
5262
5261
  // border:
5263
5262
  // activeMetric === title
5264
5263
  // ? "1px solid rgb(99, 99, 230)"
@@ -5555,10 +5554,15 @@ var OverallSection = function OverallSection(_ref) {
5555
5554
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5556
5555
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5557
5556
  sx: {
5558
- display: "flex",
5557
+ display: "grid",
5558
+ gridTemplateColumns: {
5559
+ xs: "1fr",
5560
+ sm: "1fr 1fr",
5561
+ md: "1fr 1fr 1fr",
5562
+ lg: "repeat(6, 1fr)"
5563
+ },
5559
5564
  gap: 2,
5560
- mb: 5,
5561
- flexWrap: "wrap"
5565
+ mb: 5
5562
5566
  },
5563
5567
  children: Object.keys(metricInfo).map(renderCard)
5564
5568
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
@@ -5878,7 +5882,6 @@ var PaidSection = function PaidSection() {
5878
5882
  },
5879
5883
  isActive: activeMetric === title,
5880
5884
  sx: {
5881
- flex: 1
5882
5885
  // border:
5883
5886
  // activeMetric === title
5884
5887
  // ? "2px solid rgb(99, 99, 230)"
@@ -5897,10 +5900,15 @@ var PaidSection = function PaidSection() {
5897
5900
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5898
5901
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5899
5902
  sx: {
5900
- display: "flex",
5903
+ display: "grid",
5904
+ gridTemplateColumns: {
5905
+ xs: "1fr",
5906
+ sm: "1fr 1fr",
5907
+ md: "1fr 1fr 1fr",
5908
+ lg: "repeat(6, 1fr)"
5909
+ },
5901
5910
  gap: 2,
5902
- mb: 1,
5903
- flexWrap: "wrap"
5911
+ mb: 1
5904
5912
  },
5905
5913
  children: Object.keys(metricInfo).map(renderCard)
5906
5914
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
@@ -6514,26 +6522,34 @@ var EmailSection = function EmailSection() {
6514
6522
  // onClick={() => setActiveMetric(title)}
6515
6523
  // isActive={activeMetric === title}
6516
6524
  ,
6517
- sx: {
6518
- flex: 1
6519
- }
6525
+ sx: {}
6520
6526
  }, title);
6521
6527
  };
6522
6528
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
6523
6529
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
6524
6530
  sx: {
6525
- display: "flex",
6531
+ display: "grid",
6532
+ gridTemplateColumns: {
6533
+ xs: "1fr",
6534
+ sm: "1fr 1fr",
6535
+ md: "1fr 1fr 1fr",
6536
+ lg: "repeat(5, 1fr)"
6537
+ },
6526
6538
  gap: 2,
6527
- mb: 2,
6528
- flexWrap: "wrap"
6539
+ mb: 2
6529
6540
  },
6530
6541
  children: ["Total raised", "Donations", "Conversion rate", "CTR", "Revenue per email"].map(renderCard)
6531
6542
  }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
6532
6543
  sx: {
6533
- display: "flex",
6544
+ display: "grid",
6545
+ gridTemplateColumns: {
6546
+ xs: "1fr",
6547
+ sm: "1fr 1fr",
6548
+ md: "1fr 1fr 1fr",
6549
+ lg: "repeat(5, 1fr)"
6550
+ },
6534
6551
  gap: 2,
6535
- mb: 2,
6536
- flexWrap: "wrap"
6552
+ mb: 2
6537
6553
  },
6538
6554
  children: ["Open rate", "Clicks", "Unique Clicks", "Bounce rate", "Revenue per Click"].map(renderCard)
6539
6555
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
@@ -6629,7 +6645,11 @@ var EmailSection = function EmailSection() {
6629
6645
  xs: 12,
6630
6646
  md: 4,
6631
6647
  sx: {
6632
- paddingTop: "0px !important"
6648
+ paddingTop: "0px !important",
6649
+ marginTop: {
6650
+ xs: 2,
6651
+ md: "0px"
6652
+ }
6633
6653
  },
6634
6654
  children: /*#__PURE__*/jsxRuntime.jsx(TopCampaignsCTRCard, {})
6635
6655
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
@@ -6637,7 +6657,11 @@ var EmailSection = function EmailSection() {
6637
6657
  xs: 12,
6638
6658
  md: 4,
6639
6659
  sx: {
6640
- paddingTop: "0px !important"
6660
+ paddingTop: "0px !important",
6661
+ marginTop: {
6662
+ xs: 2,
6663
+ md: "0px"
6664
+ }
6641
6665
  },
6642
6666
  children: /*#__PURE__*/jsxRuntime.jsx(TopCampaignsConvRateCard, {})
6643
6667
  })]