Bladeren bron

add list responsive

nikogu 8 jaren geleden
bovenliggende
commit
c4d9e02582
2 gewijzigde bestanden met toevoegingen van 28 en 0 verwijderingen
  1. 21 0
      src/routes/List/BasicList.less
  2. 7 0
      src/routes/List/SearchList.less

+ 21 - 0
src/routes/List/BasicList.less

@@ -59,6 +59,27 @@
   }
 }
 
+@media screen and (max-width: @screen-xs) {
+  .standardList {
+    :global {
+      .ant-list-item-content {
+        display: block;
+        flex: none;
+        width: 100%;
+      }
+      .ant-list-item-action {
+        margin-left: 0;
+      }
+    }
+    .listContent {
+      margin-left: 0;
+      & > div {
+        margin-left: 0;
+      }
+    }
+  }
+}
+
 @media screen and (max-width: @screen-sm) {
   .standardList {
     .extraContentSearch {

+ 7 - 0
src/routes/List/SearchList.less

@@ -37,6 +37,13 @@
   height: 1px;
 }
 
+@media screen and (max-width: @screen-xs) {
+  .listContent {
+    & > div {
+      height: auto;
+    }
+  }
+}
 @media screen and (max-width: @screen-lg) {
   .listItemExtra {
     width: 0;