maxence.lanone
/
JTT_CrM_test_ci
forked from CRM_Production/JTT_CrM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

Browse Source
master
Maxence LANONE 3 years ago
parent 73588ae9a8 90daa9803d
commit 15a97ca3b7
3 changed files with 119 additions and 0 deletions
Show Stats Download Patch File Download Diff File

2
src/App.js
Unescape View File

@ -5,6 +5,7 @@ import Connexion from './pages/Connexion';
import Admin from './pages/Admin.js'; import Admin from './pages/Admin.js';
import Admin_modif from './pages/Admin_modif.js'; import Admin_modif from './pages/Admin_modif.js';
import Admin_supp from './pages/Admin_supp.js'; import Admin_supp from './pages/Admin_supp.js';
import Dashboard from './pages/Dashboard';
const App = () => { const App = () => {
return ( return (
@ -15,6 +16,7 @@ const App = () => {
<Route path="/Account" element={<Compte />} /> <Route path="/Account" element={<Compte />} />
<Route path="/Admin_modif" element={<Admin_modif />} /> <Route path="/Admin_modif" element={<Admin_modif />} />
<Route path="/Admin_supp" element={<Admin_supp />} /> <Route path="/Admin_supp" element={<Admin_supp />} />
<Route path="/Dashboard" element={<Dashboard />} />
</Routes> </Routes>
</BrowserRouter> </BrowserRouter>
); );

29
src/pages/Dashboard.js
Unescape View File

@ -0,0 +1,29 @@
import React from 'react';
const Dashboard = () => {
return (
<body className='corps_page_dashboard'>
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link>
<div className='page_principale'>
{/* Create a principal page */}
<div className="haut_de_page">
<h2 className="titre">Dashboard</h2>
<div className="rechLogo">
<div className="input_box">
<input type="search" placeholder="Rechercher..."/>
<span className="search">
<i class="uil uil-search search-icon"></i>
</span>
</div>
</div>
<img className="logo" srcSet="./LogoApp.svg"/>
</div>
</div>
</body>
);
};
export default Dashboard;

88
src/styles/components/_dashboard.scss
Unescape View File

@ -0,0 +1,88 @@
.corps_page_dashboard{
background-image: url("../../../public/fond_page_connexion.png");
.page_principale {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: auto;
height: 100vh;
.haut_de_page {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 50px;
width: auto;
height: 10%;
align-items: center;
margin: 10px 10px 5px 10px;
background: rgba(255, 255, 255, 0.3);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.titre {
font-size: 40px;
}
.rechLogo {
display: flex;
flex-direction: row;
justify-content: space-between;
.input_box {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 40px;
max-width: 350px;
width: 100%;
margin: 30px 30px;
border-radius: 25px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
input {
position: relative;
width: 100%;
height: 100%;
padding: 0 15px 0 65px;
outline: none;
border: none;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
color: #333;
}
.search {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 25px 0 0 25px;
.search-icon {
font-size: 30px;
color: black;
}
}
}
.logo {
display: flex;
width: 100px;
height: 100px;
}
}
}
}
}
Write Preview
Loading…
Cancel
Save