IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Client: Data Import: correct users info block in mobile view

Browse Source
This commit is contained in:
Vladimir Khvan 2024-07-02 16:56:18 +05:00
parent a6d97d11a8
commit 989ace1624
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/client/src/pages/PortalSettings/categories/data-import/sub-components/UsersInfoBlock.tsx
View File

@ -28,8 +28,9 @@ import styled from "styled-components";
import { HelpButton } from "@docspace/shared/components/help-button"; import { HelpButton } from "@docspace/shared/components/help-button";
import { Text } from "@docspace/shared/components/text"; import { Text } from "@docspace/shared/components/text";
import { UsersInfoBlockProps } from "../types";
import { PRODUCT_NAME } from "@docspace/shared/constants"; import { PRODUCT_NAME } from "@docspace/shared/constants";
import { mobile } from "@docspace/shared/utils";
import { UsersInfoBlockProps } from "../types";
const Wrapper = styled.div` const Wrapper = styled.div`
margin: 16px 0; margin: 16px 0;
@ -61,6 +62,12 @@ const UsersInfoWrapper = styled.div<{
width: 100%; width: 100%;
} }
@media ${mobile} {
flex-wrap: wrap;
min-width: auto;
gap: 12px;
}
.selected-users-count { .selected-users-count {
margin-right: 24px; margin-right: 24px;
color: ${(props) => color: ${(props) =>