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

Refactoring

Browse Source
This commit is contained in:
Vladislav Makhov 2020-09-08 13:08:56 +03:00
parent 806e48bd6d
commit d864984596
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerToggle.js
View File

@ -1,5 +1,5 @@
import React from "react";
import { Box, ToggleButton, toastr } from "asc-web-components";
import { ToggleButton, toastr } from "asc-web-components";
import styled from "styled-components";
const StyledToggle = styled(ToggleButton)`

4
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/modalDialogContainer.js
View File

@ -5,12 +5,12 @@ const tablet = utils.device.tablet;
const ModalDialogContainer = styled.div`
.modal-dialog-aside-footer {
@media (max-width: 1024px) {
@media ${tablet} {
width: 90%;
}
}
.modal-dialog-button {
@media (max-width: 1024px) {
@media ${tablet} {
width: 100%;
}
}

16
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/third-party-services.js
View File

@ -8,26 +8,36 @@ import { withTranslation } from "react-i18next";
import styled from "styled-components";
import { Box, Text, Link } from "asc-web-components";
import { utils } from "asc-web-components";
import ConsumerItem from "./sub-components/consumerItem";
import ConsumerModalDialog from "./sub-components/consumerModalDialog";
const tablet = utils.device.tablet;
const mobile = utils.device.mobile;
const RootContainer = styled(Box)`
@media (max-width: 768px) {
@media ${tablet} {
margin: 0;
.consumers-list-container {
margin: 32px 0 40px 0;
}
}
@media ${tablet} {
.consumer-item-wrapper {
margin: 0 0 24px 0;
}
}
`;
const StyledConsumer = styled(Box)`
width: 400px;
@media (max-width: 768px) {
@media ${tablet} {
width: 496px;
}
@media (max-width: 375px) {
@media ${mobile} {
width: 343px;
}
`;