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

Web: Client: Data Import: correct import section in mobile view

Browse Source
This commit is contained in:
Vladimir Khvan 2024-07-02 18:20:01 +05:00
parent f9b7eae5fe
commit cb254d6a11
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,7 +26,7 @@
import { ReactSVG } from "react-svg";
import styled from "styled-components";
import { tablet } from "@docspace/shared/utils/device";
import { mobile, tablet } from "@docspace/shared/utils/device";
import { Text } from "@docspace/shared/components/text";
import { ToggleButton } from "@docspace/shared/components/toggle-button";
@ -74,6 +74,10 @@ const FlexContainer = styled.div`
const ImportItemWrapper = styled.div<{ isChecked: boolean }>`
padding-top: 8px;
@media ${mobile} {
width: 100%;
}
.workspace-title {
color: ${(props) =>
props.theme.client.settings.migration.importSectionTextColor};
@ -100,6 +104,10 @@ const ImportItemWrapper = styled.div<{ isChecked: boolean }>`
align-items: center;
gap: 8px;
@media ${mobile} {
min-width: auto;
}
.importSectionIcon {
div {
display: flex;
@ -145,8 +153,6 @@ const ImportItem = ({
workspace,
isChecked,
}: ImportItemProps) => {
console.log(sectionIcon);
return (
<ImportItemWrapper isChecked={isChecked}>
<Text