Move PrestakingGraph to the right on mobile to not cut off the 1st mark

nimiq · May 27, 2024 · d716995 · d716995
1 parent ebaff11
commit d716995
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/components/prestaking/PrestakingGraph.vue b/src/components/prestaking/PrestakingGraph.vue
@@ -177,6 +177,18 @@ export default defineComponent({
     // Ensure bars are right-aligned (overflowing on the left)
     margin-right: -0.125rem;
     margin-left: -999rem;
+
+    @media (max-width: 430px) {
+        margin-right: -1.75rem;
+    }
+
+    @media (max-width: 400px) {
+        margin-right: -5.75rem;
+    }
+
+    @media (max-width: 370px) {
+        margin-right: -8.5rem;
+    }
 }
 
 .bar {
@@ -357,5 +369,9 @@ export default defineComponent({
         width: 1.25rem;
         height: 1.25rem;
     }
+
+    @media (max-width: 400px) {
+        display: none;
+    }
 }
 </style>