From c4d9e025828631b8257a16132a15a6111ccb2727 Mon Sep 17 00:00:00 2001 From: nikogu <644506165@qq.com> Date: Mon, 25 Sep 2017 16:07:27 +0800 Subject: [PATCH] add list responsive --- src/routes/List/BasicList.less | 21 +++++++++++++++++++++ src/routes/List/SearchList.less | 7 +++++++ 2 files changed, 28 insertions(+) diff --git a/src/routes/List/BasicList.less b/src/routes/List/BasicList.less index e530c2ff..cd172721 100644 --- a/src/routes/List/BasicList.less +++ b/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 { diff --git a/src/routes/List/SearchList.less b/src/routes/List/SearchList.less index 87ef3d77..2e23c022 100644 --- a/src/routes/List/SearchList.less +++ b/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; -- GitLab