Added mobile optimization to the ManageChannel styles.sass

2024-01-01 12:32:15 +01:00 · 2024-01-01 12:32:15 +01:00 · 8fb2b49a40
commit 8fb2b49a40
parent 7322bbc20e
1 changed files with 10 additions and 2 deletions
--- a/src/states/Manage/pages/ManageChannel/styles.sass
+++ b/src/states/Manage/pages/ManageChannel/styles.sass
@ -17,5 +17,13 @@
 .design-container
  margin-top: 1rem
  display: grid
-  grid-template-columns: 1fr 1fr
-  gap: 2rem
+  grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr))
+  gap: 2rem
+
+@media screen and (max-width: 1024px)
+  .manage-channel
+    margin: 0 1rem
+
+  .design-container
+    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr))
+    gap: 1rem