Mobile responsiveness fixes

2022-02-07 00:08:07 +04:00
parent 05e51e598b
commit 723d51e98b
4 changed files with 37 additions and 22 deletions
--- a/frontend/src/app/components/assets/assets-featured/assets-featured.component.scss
+++ b/frontend/src/app/components/assets/assets-featured/assets-featured.component.scss
@@ -13,12 +13,17 @@
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
+  @media (max-width: 767.98px) {
+    width: 150px;
+    height: 150px;
+  }
 }

 .title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
+  text-align: center;
 }

 .sub-title {
@@ -29,12 +34,10 @@
 .assetIcon {
  width: 100px;
  height: 100px;
-}
-
-.image {
-  width: 100px;
-  height: 100px;
-  align-self: center;
+  @media (max-width: 767.98px) {
+    width: 50px;
+    height: 50px;
+  }
 }

 .view-link {