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

Création de la page Analyse

Browse Source
master
Clément VERDOIRE 3 years ago
parent ab591634e1
commit c7900491c7
2 changed files with 74 additions and 49 deletions
Show Stats Download Patch File Download Diff File

46
src/pages/Analyse.js
Unescape View File

@ -11,30 +11,38 @@ const api = axios.create({
const Analyse = () => {
return (
<div className="page_analyse">
{/* Create an analysis page */}
<div className="haut_de_page">
<h2 className="titre">Analyse</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>
<body>
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link>
<div className="page_analyse">
{/* Create an analysis page */}
<div className="haut_de_page">
<h2 className="titre">Analyse</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>
<img className="logo" srcSet="./LogoApp.svg"/>
</div>
<img className="logo" srcSet="./LogoApp.svg"/>
</div>
</div>
<div className="bas_de_page">
<NavigationDashboard />
<div className="Analyse">
<div className="statistiques_1">
</div>
<div className="bas_de_page">
<NavigationDashboard />
<div className="Analyse">
<div className="Stat_1">
Tendances des ventes
</div>
<div className="Stat_2">
Statistique n°2
</div>
</div>
</div>
</div>
</div>
</body>
);
};

77
src/styles/components/_analyse.scss
Unescape View File

@ -1,16 +1,13 @@
.page_analyse {
display: flex;
flex-direction: column;
//justify-content: space-evenly;
width: auto;
height: 100vh;
background: rgba(255, 255, 255, 0.143);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
body {
background-image: url("../../../public/fond_page_connexion.png");
.page_analyse {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: auto;
height: 100vh;
.haut_de_page {
display: flex;
flex-direction: row;
@ -20,8 +17,8 @@
height: 10%;
align-items: center;
margin: 10px 10px 5px 10px;
background: rgba(255, 255, 255, 0.143);
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);
@ -30,7 +27,7 @@
.titre {
font-size: 40px;
}
.rechLogo {
display: flex;
flex-direction: row;
@ -86,11 +83,11 @@
}
}
}
.bas_de_page {
display: flex;
flex-direction: row;
//justify-content: space-between;
justify-content: space-between;
width: auto;
height: 86%;
@ -102,7 +99,7 @@
width: 5%;
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.143);
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);
@ -124,20 +121,40 @@
}
}
.statistiques_1 {
.Analyse {
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 50px;
width: 1423px;
height: 627px;
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.143);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
height: auto;
width: 93%;
margin: 5px 10px 10px 5px;
.Stat_1 {
display: flex;
width: auto;
height: 50%;
margin: 50px 50px 8px 50px;
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);
}
.Stat_2 {
display: flex;
width: auto;
height: 50%;
margin: 8px 50px 50px 50px;
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);
}
}
}
}
}
}
Write Preview
Loading…
Cancel
Save