feat: add media queries for header

2023-11-17 23:24:59 +02:00 · 2023-11-17 23:24:59 +02:00 · f5f931d1ee
parent dc559d77f6
commit f5f931d1ee
1 changed files with 18 additions and 0 deletions
--- a/src/pages/ValidatorManagement/validatorManagement.css
+++ b/src/pages/ValidatorManagement/validatorManagement.css
@ -1,3 +1,21 @@
+@media (max-width: 1130px) {
+  .sync-status-card-container-first {
+    display: none;
+  }
+}
+
+@media (max-width: 900px) and (min-width: 810px) {
+  .sync-status-card-container-first {
+    display: block;
+  }
+}
+
+@media (max-width: 590px) {
+  .sync-status-card-container-second {
+    display: none;
+  }
+}
+
 /* Hide Effectiveness */
@media (max-width: 1300px) {
  th:nth-child(7),