[catandapp] changed design

linagora · Jul 23, 2024 · 3f4d5de · 3f4d5de
1 parent db5ed9b
commit 3f4d5de
Show file tree

Hide file tree

Showing 3 changed files with 336 additions and 79 deletions.
diff --git a/src/dashboards/CatAndAppList.css b/src/dashboards/CatAndAppList.css
@@ -1,12 +1,31 @@
 .catCard {
   background-color: rgb(215, 239, 247);
   border: 2px solid #acacac;
-  padding: 5%;
   border-radius: 15px;
-  align-content: center;
   cursor: pointer;
-  position: relative;
+  text-align: left;
+  margin: 2%;
 }
+
 .applications {
-  text-align: left;
+  display: grid;
+  grid-gap: 5px;
+  grid-auto-flow: row;
+  grid-auto-rows: 1fr;
+}
+
+@media only screen and (min-width: 640px) {
+  .applications {
+    grid-template-columns: 45% 45%;
+  }
+}
+
+@media (min-width: 981px) {
+  .applications {
+    grid-template-columns: 30% 30% 30%;
+  }
+}
+
+.catHeader {
+  background-color: #86868681;
 }