diff --git a/public/favicon.png b/public/favicon.png index 85cac22..8bf2cad 100644 Binary files a/public/favicon.png and b/public/favicon.png differ diff --git a/src/assets/favicon.png b/src/assets/favicon.png new file mode 100644 index 0000000..8bf2cad Binary files /dev/null and b/src/assets/favicon.png differ diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000..248fa7c Binary files /dev/null and b/src/assets/logo.png differ diff --git a/src/components/App.css b/src/components/App.css index 158e49b..1e96048 100644 --- a/src/components/App.css +++ b/src/components/App.css @@ -2,4 +2,8 @@ color:#ffffff; padding-left:40px; background-color: #6272a4; -} \ No newline at end of file +} + +.logo{height:25px; +width:25px; +margin-right:10px;} \ No newline at end of file diff --git a/src/components/ConfigCover.css b/src/components/ConfigCover.css index 76148e0..22f3447 100644 --- a/src/components/ConfigCover.css +++ b/src/components/ConfigCover.css @@ -25,7 +25,6 @@ input{margin:4px;} padding-left:20px; } - @media screen and (max-width:600px){ .main-container{ display:flex; diff --git a/src/components/CoverImage.css b/src/components/CoverImage.css index 8b50ce4..686508f 100644 --- a/src/components/CoverImage.css +++ b/src/components/CoverImage.css @@ -30,10 +30,12 @@ text-align: center; color:#676683; -padding:50px 25px 50px 25px;} +padding:50px 25px 50px 25px; +border:4px solid #676683; +} h1{height:auto;} -button{background-color: #282a36; +button{background-color: #676683; color:#ffffff; border:none; border-radius:4px; diff --git a/src/components/Navbar.js b/src/components/Navbar.js index 0749501..6570bdd 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -1,11 +1,12 @@ import React from 'react'; import './App.css'; - +import logo from '../assets/favicon.png'; const Navbar = () => { return ( ); + +

logoCoverView

);