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

Web: Files: Added styles to separate file.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2021-07-01 13:03:16 +03:00
parent e12db8fe11
commit 3fa967fd39
2 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
products/ASC.Files/Client/src/components/panels/SelectFolderInput/index.js
View File

@ -2,34 +2,15 @@ import React from "react";
import { Provider as MobxProvider } from "mobx-react"; import { Provider as MobxProvider } from "mobx-react";
import { I18nextProvider } from "react-i18next"; import { I18nextProvider } from "react-i18next";
import { withTranslation } from "react-i18next"; import { withTranslation } from "react-i18next";
import styled from "styled-components";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import i18n from "./i18n"; import i18n from "./i18n";
import stores from "../../../store/index"; import stores from "../../../store/index";
import FileInputWithFolderPath from "./fileInputWithFolderPath"; import FileInputWithFolderPath from "./fileInputWithFolderPath";
import SelectFolderDialog from "../SelectFolderDialog/index"; import SelectFolderDialog from "../SelectFolderDialog/index";
import StyledComponent from "./styledSelectFolderInput";
let path = ""; let path = "";
const StyledComponent = styled.div`
.input-with-folder-path {
margin-top: 16px;
}
.input-with-folder-path,
.text-input-with-folder-path {
width: 100%;
max-width: 820px;
}
.panel-loader-wrapper {
margin-top: 8px;
padding-left: 32px;
}
.panel-loader {
display: inline;
margin-right: 10px;
}
`;
class SelectFolder extends React.PureComponent { class SelectFolder extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

22
products/ASC.Files/Client/src/components/panels/SelectFolderInput/styledSelectFolderInput.js Normal file
View File

@ -0,0 +1,22 @@
import styled from "styled-components";
const StyledComponent = styled.div`
.input-with-folder-path {
margin-top: 16px;
}
.input-with-folder-path,
.text-input-with-folder-path {
width: 100%;
max-width: 820px;
}
.panel-loader-wrapper {
margin-top: 8px;
padding-left: 32px;
}
.panel-loader {
display: inline;
margin-right: 10px;
}
`;
export default StyledComponent;