diff --git a/package.json b/package.json index a278d2a..f714c7b 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,9 @@ "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", "react": "^16.13.1", + "react-color": "^2.18.1", "react-dom": "^16.13.1", + "react-icons": "^3.10.0", "react-router-dom": "^5.2.0", "react-scripts": "3.4.1" }, diff --git a/src/components/Linker.js b/src/components/Linker.js index d251016..8390f0b 100644 --- a/src/components/Linker.js +++ b/src/components/Linker.js @@ -3,9 +3,6 @@ import React, { useState, useEffect } from 'react'; //Styles imported import '../css/global.css'; import '../css/linker.css'; -import '../css/profile.css'; -import '../css/linkcentral.css'; -import '../css/description.css'; function Linker() { @@ -14,42 +11,44 @@ function Linker() { const [link, setLink] = useState('BEZPIX'); return ( -
- -
- Logo -

{name}

-
- - -
- -
-

SITE

-
- - -
-

PROJETOS

-
- - -
-

BLOG

-
- - -
-

CONTATO

-
- -
- - -
-

@bezpix_

-
- +
+
+ +
+ Logo +

{name}

+
+ + +
+ +
+

SITE

+
+ + +
+

PROJETOS

+
+ + +
+

BLOG

+
+ + +
+

CONTATO

+
+ +
+ + +
+

@bezpix_

+
+ +
); diff --git a/src/components/LinkerAdmin.js b/src/components/LinkerAdmin.js index b5ec68c..27a0978 100644 --- a/src/components/LinkerAdmin.js +++ b/src/components/LinkerAdmin.js @@ -1,55 +1,99 @@ import React, { useState, useEffect } from 'react'; +import { SketchPicker } from 'react-color'; +import { FiMenu } from 'react-icons/fi'; //Styles imports import '../css/global.css'; import '../css/linker.css'; -import '../css/profile.css'; -import '../css/linkcentral.css'; -import '../css/description.css'; +import '../css/adminmenu.css'; function LinkerAdmin() { const [image, setImage] = useState("data:image/jpeg;base64,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"); - const [name, setName] = useState('OPA'); + const [title, setTitle] = useState('OPA'); const [link, setLink] = useState('BEZPIX'); + const [color, setColor] = useState('#fff'); + const [showColorPicker, setColorPicker] = useState(false); + return ( -
- -
- Logo -

{name}

-
- - -
- -
-

SITE

+ ); diff --git a/src/components/Login.js b/src/components/Login.js index 7c08db8..3ee234f 100644 --- a/src/components/Login.js +++ b/src/components/Login.js @@ -1,6 +1,7 @@ import React, { useState } from 'react'; //Styles +import '../css/global.css'; import '../css/login.css'; function LoginAdmin() { @@ -8,25 +9,33 @@ function LoginAdmin() { const [image, setImage] = useState(""); return( -
+
-
- Logo -

Access your mylinker account

-
+

MyLinker.me

+

Log in to access MyLinker admin

 -
-
- - -
-
- - -
- -
-
+
+
+
+ + +
+
+ + +
+
+ +

Remember me

+
+ +
Forgot your password? Click here
+
+
+ +
); } diff --git a/src/css/adminmenu.css b/src/css/adminmenu.css new file mode 100644 index 0000000..ccb249f --- /dev/null +++ b/src/css/adminmenu.css @@ -0,0 +1,68 @@ +#menu nav { + width: 100%; + position: absolute; + padding: 60px 20px 20px 20px; +} + +.conteiner-info { + margin-top: 20px; +} + +#color-picker { + height: 100px !important; +} + +.input-menu { + padding: 10px; + border: none; + border-radius: 5px; + font-size: 16px; +} + +.input-menu + .input-menu { + margin-top: 10px; +} + +#menu nav div + div { + margin-top: 40px; +} + +#menu nav h3 { + font-size: 20px; + color: white; +} + +#menu nav input { + width: 100%; +} + +#link { + display: flex; + flex-direction: column; + margin-left: 0px !important; +} + +#check { + display: none; +} + +#check:checked ~ #barra { + transform: translateX(340px); +} + +#icone { + cursor: pointer; + padding: 15px; + position: absolute; + z-index: 1; +} + +#barra { + background: #222425; + height: 100%; + width: 340px; + position: absolute; + transition: all .1s linear; + left: -340px; + overflow-y: scroll; +} diff --git a/src/css/description.css b/src/css/description.css deleted file mode 100644 index 672fb65..0000000 --- a/src/css/description.css +++ /dev/null @@ -1,11 +0,0 @@ -description #description { - margin-top: 20px; -} - -description { - text-align: center; -} - -description h3 { - color: white; -} diff --git a/src/css/global.css b/src/css/global.css index 03fd761..dca0f76 100644 --- a/src/css/global.css +++ b/src/css/global.css @@ -12,7 +12,6 @@ html, body, #root { } body { - background: #7d40e7; background-position: center; background-size: cover; -webkit-font-smoothing: antialiased; diff --git a/src/css/linkcentral.css b/src/css/linkcentral.css deleted file mode 100644 index 6d38c8d..0000000 --- a/src/css/linkcentral.css +++ /dev/null @@ -1,20 +0,0 @@ -.linkcentral{ - margin-top: 40px; -} - -.linkcentral a { - text-decoration: none; -} - -.link { - margin-top: 20px; - padding: 15px 0px; - background-color: #222425; - border-radius: 20px; - text-align: center; -} - - .link h3 { - font-size: 14px; - color:white; -} diff --git a/src/css/linker.css b/src/css/linker.css index bed5243..c2b8676 100644 --- a/src/css/linker.css +++ b/src/css/linker.css @@ -1,5 +1,66 @@ +#conteiner-linker { + background: #7d40e7; + width: 100%; + height: 100%; + display: flex; +} + #linker { + width: 100%; + height: 100%; margin: 0 auto; max-width: 500px; padding: 60px; } + +.linkcentral{ + margin-top: 40px; +} + +.linkcentral a { + text-decoration: none; +} + +profile #profile { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +profile img { + border-radius: 50%; + width: 100px; + height: 100px; +} + +profile h3 { + margin-top: 10px; + font-size: 30px; + color: white; +} + +.link { + margin-top: 20px; + padding: 15px 0px; + background-color: #222425; + border-radius: 20px; + text-align: center; +} + +.link h3 { + font-size: 14px; + color:white; +} + +description #description { + margin-top: 20px; +} + +description { + text-align: center; +} + +description h3 { + color: white; +} diff --git a/src/css/login.css b/src/css/login.css index b2d09d2..e32ff18 100644 --- a/src/css/login.css +++ b/src/css/login.css @@ -1,3 +1,114 @@ +#conteiner-login { + background-color: #f5f6f8; + width: 100%; + height: 100%; + margin: 0 auto; + padding: 30px; + display: flex; + flex-direction: column; + align-items: center; +} + +#create { + margin: 30px 0px; +} + +#create a { + text-decoration: none; + color: #36454f; + cursor: pointer; +} + +#create a:hover { + text-decoration: underline; +} + #login-admin { + width: 100%; + max-width: 400px; + margin-top: 50px; background: white; + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.02); + border-radius: 10px; + padding: 30px 20px; +} + +logo { + display: flex; + flex-direction: column; + align-items: center; +} + +logo h1 { + color: #36454f; +} + +logo h3 { + margin-top: 50px; + font-size: 20px; + color: #36454f; + text-align: center; +} + +form .input-block + .input-block { + margin-top: 20px; +} + +form .input-block label { + color: #acacac; + font-size: 16px; + display: block; +} + +form .input-block input { + width: 100%; + height: 32px; + font-size: 16px; + color: #666; + border: 0; + border-bottom: 1px solid #eee; +} + +form button[type=submit] { + width: 100%; + border: 0; + margin-top: 30px; + background: #36454f; + border-radius: 2px; + padding: 15px 15px; + font-size: 18px; + font-weight: bold; + color: #fff; + cursor: pointer; +} + +form h5 { + font-weight: lighter; + color: #36454f; + text-align: center; + margin-top: 20px; +} + +form h5 a { + text-decoration: none; + color: #36454f; + cursor: pointer; +} + +form h5 a:hover { + text-decoration: underline; +} + +#remember { + margin-top: 25px; + display: flex; + flex-direction: row; + align-items: baseline; +} + +#remember h4 { + margin-left: 5px; + font-weight: lighter; + color: #acacac; } + diff --git a/src/css/profile.css b/src/css/profile.css deleted file mode 100644 index 8cb5d2e..0000000 --- a/src/css/profile.css +++ /dev/null @@ -1,18 +0,0 @@ -profile #profile { - width: 100%; - display: flex; - flex-direction: column; - align-items: center; -} - -profile img { - border-radius: 50%; - width: 100px; - height: 100px; -} - -profile h3 { - margin-top: 10px; - font-size: 30px; - color: white; -} diff --git a/yarn.lock b/yarn.lock index ef4d4c2..b7fda97 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1128,6 +1128,11 @@ dependencies: "@hapi/hoek" "^8.3.0" +"@icons/material@^0.2.4": + version "0.2.4" + resolved "https://registry.yarnpkg.com/@icons/material/-/material-0.2.4.tgz#e90c9f71768b3736e76d7dd6783fc6c2afa88bc8" + integrity sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw== + "@jest/console@^24.7.1", "@jest/console@^24.9.0": version "24.9.0" resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0" @@ -6520,7 +6525,7 @@ lodash.uniq@^4.5.0: resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M= -"lodash@>=3.5 <5", lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.5: +"lodash@>=3.5 <5", lodash@^4.0.1, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.5: version "4.17.15" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548" integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A== @@ -6597,6 +6602,11 @@ map-visit@^1.0.0: dependencies: object-visit "^1.0.0" +material-colors@^1.2.1: + version "1.2.6" + resolved "https://registry.yarnpkg.com/material-colors/-/material-colors-1.2.6.tgz#6d1958871126992ceecc72f4bcc4d8f010865f46" + integrity sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg== + md5.js@^1.3.4: version "1.3.5" resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f" @@ -8412,7 +8422,7 @@ prompts@^2.0.1: kleur "^3.0.3" sisteransi "^1.0.4" -prop-types@^15.6.2, prop-types@^15.7.2: +prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2: version "15.7.2" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5" integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ== @@ -8578,6 +8588,18 @@ react-app-polyfill@^1.0.6: regenerator-runtime "^0.13.3" whatwg-fetch "^3.0.0" +react-color@^2.18.1: + version "2.18.1" + resolved "https://registry.yarnpkg.com/react-color/-/react-color-2.18.1.tgz#2cda8cc8e06a9e2c52ad391a30ddad31972472f4" + integrity sha512-X5XpyJS6ncplZs74ak0JJoqPi+33Nzpv5RYWWxn17bslih+X7OlgmfpmGC1fNvdkK7/SGWYf1JJdn7D2n5gSuQ== + dependencies: + "@icons/material" "^0.2.4" + lodash "^4.17.11" + material-colors "^1.2.1" + prop-types "^15.5.10" + reactcss "^1.2.0" + tinycolor2 "^1.4.1" + react-dev-utils@^10.2.1: version "10.2.1" resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-10.2.1.tgz#f6de325ae25fa4d546d09df4bb1befdc6dd19c19" @@ -8623,6 +8645,13 @@ react-error-overlay@^6.0.7: resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108" integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA== +react-icons@^3.10.0: + version "3.10.0" + resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-3.10.0.tgz#6c217a2dde2e8fa8d293210023914b123f317297" + integrity sha512-WsQ5n1JToG9VixWilSo1bHv842Cj5aZqTGiS3Ud47myF6aK7S/IUY2+dHcBdmkQcCFRuHsJ9OMUI0kTDfjyZXQ== + dependencies: + camelcase "^5.0.0" + react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" @@ -8726,6 +8755,13 @@ react@^16.13.1: object-assign "^4.1.1" prop-types "^15.6.2" +reactcss@^1.2.0: + version "1.2.3" + resolved "https://registry.yarnpkg.com/reactcss/-/reactcss-1.2.3.tgz#c00013875e557b1cf0dfd9a368a1c3dab3b548dd" + integrity sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A== + dependencies: + lodash "^4.0.1" + read-pkg-up@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be" @@ -10049,6 +10085,11 @@ tiny-warning@^1.0.0, tiny-warning@^1.0.3: resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754" integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA== +tinycolor2@^1.4.1: + version "1.4.1" + resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.1.tgz#f4fad333447bc0b07d4dc8e9209d8f39a8ac77e8" + integrity sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g= + tmp@^0.0.33: version "0.0.33" resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"