Added mobile optimization to the DesignItem styles.sass

2024-01-01 12:32:08 +01:00 · 2024-01-01 12:32:08 +01:00 · 7322bbc20e
commit 7322bbc20e
parent 88fefd2c75
1 changed files with 14 additions and 1 deletions
--- a/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
+++ b/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
@ -7,6 +7,7 @@
  padding: 1.2rem 2rem
  display: flex
  justify-content: space-between
+  align-items: center
  gap: 7rem
  cursor: pointer
  user-select: none
@ -57,4 +58,16 @@
    font-size: 1.5rem

 .design-item img
-  height: 10rem
+  height: 9rem
+
+@media screen and (max-width: 1024px)
+  .design-item img
+    height: 6rem
+
+@media screene and (max-width: 768px)
+  .design-container .design-item
+    padding: 1rem 1.5rem
+    gap: 3rem
+
+  .design-item img
+    height: 5rem