Merge branch 'main' of https://github.com/TrustlessComputer/bvm-website…

… into max/feedback
TrustlessComputer · Sep 11, 2024 · bbc1b37 · bbc1b37
2 parents 962e558 + 9c08455
commit bbc1b37
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChainPercent.tsx b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChainPercent.tsx
@@ -13,11 +13,11 @@ const ActiveAddressChainPercent = ({ data = [] }: { data: any }) => {
       animationEnabled: true,
       exportEnabled: false,
       dataPointWidth: 0,
+      height: 200,
       title: {
         text: '',
       },
       legend: {
-        reversed: true,
         verticalAlign: 'center',
         horizontalAlign: 'right',
       },

diff --git a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChart.tsx b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChart.tsx
@@ -50,6 +50,7 @@ const ActiveAddressChart = ({ data = [] }: { data: any }) => {
       ],
       chart: {
         type: 'column',
+        height: '200px',
       },
       plotOptions: {
         column: {

diff --git a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressPerChain.tsx b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressPerChain.tsx
@@ -15,6 +15,7 @@ const ActiveAddressPerChain = ({ data = [] }: { data: any }) => {
       title: {
         text: '',
       },
+      height: 200,
       legend: {
         reversed: true,
         verticalAlign: 'center',

diff --git a/src/modules/l2-rollup/AddressesEngagement/styles.module.scss b/src/modules/l2-rollup/AddressesEngagement/styles.module.scss
@@ -18,17 +18,16 @@
     background-color: #f5f5f5;
     margin: 8px;
     border-radius: 100px;
-    height: 48px;
     padding: 4px;
     align-items: center;
     cursor: pointer;
     .btnFilter {
       height: 100%;
       justify-content: center;
       align-items: center;
-      padding: 0px 12px;
       border-radius: 100px;
       overflow: hidden;
+      padding: 6px 8px;
       &.btnFilterActive {
         background-color: #fff;
         p {
@@ -37,6 +36,7 @@
       }
       p {
         opacity: 0.7;
+        font-size: 10px;
       }
       &:hover {
         p {
@@ -79,13 +79,16 @@
       width: fit-content;
       padding: 4px !important;
       border: none;
+
       button {
         margin-bottom: 0px !important;
         outline: none !important;
         outline-offset: 0px !important;
         border: none !important;
         opacity: 0.7;
         border-radius: 100px;
+        font-size: 10px;
+        padding: 6px 8px;
         &[aria-selected='true'] {
           background-color: #fff;
           border: none;