From aacf856aaac635ea7056e34a73a857fed07a4632 Mon Sep 17 00:00:00 2001 From: taha12322 <66300435+taha12322@users.noreply.github.com> Date: Mon, 6 Sep 2021 14:17:42 +0430 Subject: [PATCH] log in --- log-in/package.json | 1 + log-in/src/App.js | 5 +- log-in/src/assets/eye.svg | 9 + log-in/src/assets/google.svg | 3 + log-in/src/assets/logo.png | Bin 0 -> 4153 bytes log-in/src/components/DesktopLogin.js | 100 ++++++++++ log-in/src/components/FooterDes/Footer.js | 39 ++++ log-in/src/components/HeaderDes/Header.js | 28 +++ .../src/components/HeaderDes/HeaderDes.scss | 41 ++++ .../{RoutPage.js => MobileLoginPages.js} | 6 +- log-in/src/components/logIn/Footer/Footer.js | 51 ----- log-in/src/components/logIn/Header/Header.js | 8 +- .../components/logIn/Header/HeaderSplash4.js | 4 +- log-in/src/components/logIn/LogIn.js | 11 -- log-in/src/components/logIn/Rules/Panel1.js | 106 +++------- log-in/src/components/logIn/Rules/Panel2.js | 145 +++++--------- log-in/src/components/logIn/Rules/panels.scss | 25 +++ .../logIn/{Footer => Splashes}/Footer.scss | 0 .../src/components/logIn/Splashes/Splash1.js | 20 +- .../src/components/logIn/Splashes/Splash2.js | 20 +- .../src/components/logIn/Splashes/Splash3.js | 30 ++- .../src/components/logIn/Splashes/Splash4.js | 16 +- .../components/logIn/Splashes/Splashes.scss | 16 ++ log-in/src/components/logIn/login/InputN.js | 25 +++ log-in/src/components/logIn/login/InputP.js | 25 +++ log-in/src/components/logIn/login/LogIn.js | 94 +++++++++ log-in/src/components/logIn/login/input.css | 35 ++++ log-in/src/components/logIn/login/login.scss | 12 ++ log-in/yarn.lock | 184 +++++++++++++++++- 29 files changed, 781 insertions(+), 278 deletions(-) create mode 100644 log-in/src/assets/eye.svg create mode 100644 log-in/src/assets/google.svg create mode 100644 log-in/src/assets/logo.png create mode 100644 log-in/src/components/DesktopLogin.js create mode 100644 log-in/src/components/FooterDes/Footer.js create mode 100644 log-in/src/components/HeaderDes/Header.js create mode 100644 log-in/src/components/HeaderDes/HeaderDes.scss rename log-in/src/components/{RoutPage.js => MobileLoginPages.js} (86%) delete mode 100644 log-in/src/components/logIn/Footer/Footer.js delete mode 100644 log-in/src/components/logIn/LogIn.js create mode 100644 log-in/src/components/logIn/Rules/panels.scss rename log-in/src/components/logIn/{Footer => Splashes}/Footer.scss (100%) create mode 100644 log-in/src/components/logIn/login/InputN.js create mode 100644 log-in/src/components/logIn/login/InputP.js create mode 100644 log-in/src/components/logIn/login/LogIn.js create mode 100644 log-in/src/components/logIn/login/input.css create mode 100644 log-in/src/components/logIn/login/login.scss diff --git a/log-in/package.json b/log-in/package.json index 18e5a58..30ee684 100644 --- a/log-in/package.json +++ b/log-in/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { + "@material-ui/core": "^4.12.3", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", diff --git a/log-in/src/App.js b/log-in/src/App.js index 9d210ce..0c8ec8c 100644 --- a/log-in/src/App.js +++ b/log-in/src/App.js @@ -3,7 +3,8 @@ import { BrowserRouter as Router, Switch } from "react-router-dom"; //components import Links from "./components/Links"; -import RoutPage from "./components/RoutPage"; +import MobileLoginPages from "./components/MobileLoginPages"; +import DesktopLogin from "./components/DesktopLogin"; const App = () => { return ( @@ -11,7 +12,7 @@ const App = () => { - + {window.innerWidth > 945 ? : } diff --git a/log-in/src/assets/eye.svg b/log-in/src/assets/eye.svg new file mode 100644 index 0000000..abd6f36 --- /dev/null +++ b/log-in/src/assets/eye.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/log-in/src/assets/google.svg b/log-in/src/assets/google.svg new file mode 100644 index 0000000..da22726 --- /dev/null +++ b/log-in/src/assets/google.svg @@ -0,0 +1,3 @@ + + + diff --git a/log-in/src/assets/logo.png b/log-in/src/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..4b009f2a95bd1af8491f4787a79d7cc647406f22 GIT binary patch literal 4153 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 D8xfz8 literal 0 HcmV?d00001 diff --git a/log-in/src/components/DesktopLogin.js b/log-in/src/components/DesktopLogin.js new file mode 100644 index 0000000..a74880e --- /dev/null +++ b/log-in/src/components/DesktopLogin.js @@ -0,0 +1,100 @@ +import React from "react"; +import { Route } from "react-router-dom"; +import { Link } from "react-router-dom"; +import { ChevronLeft } from "react-iconly"; +// import logo from "../assets/logo.png"; +import google from "../assets/google.svg"; +import "./logIn/login/login.scss"; +import TextInputN from "./logIn/login/InputN"; +import TextInputP from "./logIn/login/InputP"; +import HeaderDes from "./HeaderDes/Header"; +import Footer from "./FooterDes/Footer"; + +const DesktopLogin = () => { + return ( + <> + + +
+
+ +

بازگشت به صفحه قبل

+ + +
+ + + + + + + + + + + + +
+ +