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

Move props to a separate file

Browse Source
This commit is contained in:
Vladislav Makhov 2020-07-23 15:54:55 +03:00
parent c146edbc3a
commit 2d5c92b628
3 changed files with 22 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/ASC.Web.Common/src/pages/login/sub-components/forgot-password-modal-dialog.js
View File

@ -1,23 +1,7 @@
import React from "react";
import PropTypes from "prop-types";
import { Button, TextInput, Text, ModalDialog, FieldContainer } from "asc-web-components";
import styled from "styled-components";
const ModalDialogContainer = styled.div`
.modal-dialog-aside-footer {
@media(max-width: 1024px) {
width: 90%;
}
}
.modal-dialog-button {
@media(max-width: 1024px) {
width: 100%;
}
}
.field-body {
margin-top: 16px;
}
`;
import ModalDialogContainer from "./modal-dialog-container";
class ForgotPasswordModalDialog extends React.Component {
render() {

19
web/ASC.Web.Common/src/pages/login/sub-components/modal-dialog-container.js Normal file
View File

@ -0,0 +1,19 @@
import styled from "styled-components";
const ModalDialogContainer = styled.div`
.modal-dialog-aside-footer {
@media(max-width: 1024px) {
width: 90%;
}
}
.modal-dialog-button {
@media(max-width: 1024px) {
width: 100%;
}
}
.field-body {
margin-top: 16px;
}
`;
export default ModalDialogContainer;

19
web/ASC.Web.Common/src/pages/login/sub-components/register-modal-dialog.js
View File

@ -1,25 +1,10 @@
import React, { useState } from "react";
import PropTypes from "prop-types";
import { Button, TextInput, Text, ModalDialog, FieldContainer } from "asc-web-components";
import styled from "styled-components";
const ModalDialogContainer = styled.div`
.modal-dialog-aside-footer {
@media(max-width: 1024px) {
width: 90%;
}
}
.modal-dialog-button {
@media(max-width: 1024px) {
width: 100%;
}
}
.field-body {
margin-top: 16px;
}
`;
import ModalDialogContainer from "./modal-dialog-container";
const domains = ['mail.ru', 'gmail.com', 'yandex.ru'];
const domainList = domains
.map((domain, i) =>
<span key={i}>