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

changement scss ensemble des pages

Browse Source
master
Clément VERDOIRE 3 years ago
parent 86edbefb36
commit 07a533dfbe
7 changed files with 444 additions and 467 deletions
Show Stats Download Patch File Download Diff File

725
src/styles/components/_admin.scss
Unescape View File

@ -1,372 +1,204 @@
.page_admin { body {
display: flex;
flex-direction: row; .page_admin {
height: 100vh;
.nav_bar_verticale {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
width: 200px; height: 100vh;
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(1.5px);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.18);
margin: 10px;
.create_user {
padding: 5px;
text-decoration: none;
align-self: center;
}
.modify_user {
padding: 5px;
text-decoration: none;
align-self: center;
}
.delete_user {
padding: 5px;
text-decoration: none;
align-self: center;
}
.bouton {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 180px;
height: 100px;
border-radius: 10px;
font-size: 13.5px;
font-weight: bold;
transition: 1s box-shadow;
border: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background-color: rgb(163, 163, 163, 0.371);
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 17px;
&:hover{
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
&:active{ .nav_bar_verticale {
background-color:rgba(68, 68, 68, 0.972);
}
}
}
.Titre_Formulaire{
display: flex;
flex-direction: column;
flex-basis: 100%;
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);
margin: 10px;
padding: 10px;
.Titre {
display: flex; display: flex;
/*background: rgba(255, 255, 255, 0.3); flex-direction: column;
border-radius: 15px; width: 200px;
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/ -webkit-backdrop-filter: blur(1.5px);
margin: 10px;
font-size: 70px;
font-weight: bold;
}
.Sous-titre {
display: flex;
/*background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/
margin: 10px; margin: 10px;
font-size: 40px;
font-weight: bold;
}
.Formulaire{
display: flex;
flex-direction: column;
align-items: center;
/*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);*/
margin-left: 10px;
margin-right: 10px;
.form{ .create_user {
display: flex; padding: 5px;
flex-direction: column; text-decoration: none;
align-self: center; align-self: center;
font-size: 30px;
.Formulaire_de_connexion {
display: flex;
flex-direction: row;
margin-top: 5%;
/*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);*/
.texte_côté {
display:flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
}
input {
display: flex;
flex-direction: column;
margin: 10px;
}
.button_submit {
display: flex;
margin-top: 150%;
margin-bottom: 2%;
padding-left: 10px;
.bouton_réini{
background-color: rgb(190, 189, 189);
border-radius: 5px;
border: 1px solid black;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
cursor: pointer;
}
}
}
} }
}
.modify_user {
padding: 5px;
text-decoration: none;
align-self: center;
}
.texte { .delete_user {
align-self: center; padding: 5px;
font-size: 15px; text-decoration: none;
padding: 10px 10px 10px 0; align-self: center;
} }
.texte_zone {
width: 600px;
height: 50px;
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
justify-content: center;
padding: 0 10px 0 15px;
padding-left: 10px;
padding-right: 10px;
}
.bouton_submit { .bouton {
display: flex; display: flex;
flex-direction: row; justify-content: center;
justify-content: space-around; align-items: center;
align-self: center; position: relative;
width: 600px; width: 180px;
height: 30px; height: 100px;
margin-top: 5%; border-radius: 10px;
font-size: 13.5px;
.bouton_val{ font-weight: bold;
//display: flex; transition: 1s box-shadow;
background-color: grey; border: none;
border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background-color: rgb(163, 163, 163, 0.371);
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(30px); backdrop-filter: blur(30px);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
cursor: pointer; cursor: pointer;
font-size: 15px; font-size: 17px;
border-radius: 15px;
width: 20%;
&:hover { &:hover{
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white; color: white;
background-color: rgba(114, 114, 114, 0.371); background-color: rgba(114, 114, 114, 0.371);
} }
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
}
.bouton_ann{
//display: flex;
background-color: grey;
border: 0px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
border-radius: 15px;
width: 20%;
text-decoration: none;
text-align: center;
&:hover { &:active{
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); background-color:rgba(68, 68, 68, 0.972);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
} }
} }
} }
}
.Titre_Formulaire_Rech{
display: flex;
flex-direction: column;
flex-basis: 100%;
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);
margin: 10px;
padding: 10px;
.Titre {
display: flex;
/*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);*/
margin: 10px;
font-size: 70px;
font-weight: bold;
}
.Sous-titre {
display: flex;
/*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);*/
margin: 10px;
font-size: 40px;
font-weight: bold;
}
.rechLogo { .Titre_Formulaire{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-basis: 100%; flex-basis: 100%;
/*background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/ -webkit-backdrop-filter: blur(15px);
//margin: 10px; margin: 10px;
//padding: 10px; padding: 10px;
align-items: center;
margin-top: 5%;
.input_box { .Titre {
display: flex; display: flex;
justify-content: center; /*background: rgba(255, 255, 255, 0.3);
align-items: center; border-radius: 15px;
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); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
input { -webkit-backdrop-filter: blur(15px);*/
position: relative; margin: 10px;
width: 100%; font-size: 70px;
height: 100%; font-weight: bold;
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;
}
}
} }
}
.formulaire { .Sous-titre {
display: flex; display: flex;
flex-direction: column; /*background: rgba(255, 255, 255, 0.3);
flex-basis: 100%; border-radius: 15px;
/*background: rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
border-radius: 15px; backdrop-filter: blur(3px);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); -webkit-backdrop-filter: blur(15px);*/
backdrop-filter: blur(3px); margin: 10px;
-webkit-backdrop-filter: blur(15px);*/ font-size: 40px;
font-weight: bold;
}
.bouton_personnes { .Formulaire{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; align-items: center;
width: 350px;
margin: 20px 0 0 0;
/*background: rgba(255, 255, 255, 0.3); /*background: rgba(255, 255, 255, 0.3);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/ -webkit-backdrop-filter: blur(15px);*/
margin-left: 10px;
margin-right: 10px;
.form{
display: flex;
flex-direction: column;
align-self: center;
font-size: 30px;
.Formulaire_de_connexion {
display: flex;
flex-direction: row;
margin-top: 5%;
/*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);*/
.texte_côté {
display:flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
}
input {
display: flex;
flex-direction: column;
margin: 10px;
}
.button_submit {
display: flex;
margin-top: 150%;
margin-bottom: 2%;
padding-left: 10px;
.bouton_réini{
background-color: rgb(190, 189, 189);
border-radius: 5px;
border: 1px solid black;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
cursor: pointer;
}
}
}
}
}
.texte {
align-self: center;
font-size: 15px;
padding: 10px 10px 10px 0;
}
.texte_zone {
width: 600px;
height: 50px;
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
justify-content: center;
padding: 0 10px 0 15px;
padding-left: 10px;
padding-right: 10px;
} }
.bouton_submit { .bouton_submit {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-around;
padding: 30px 0 0 0; align-self: center;
width: 600px;
height: 30px;
margin-top: 5%;
.bouton_sup{ .bouton_val{
display: flex; //display: flex;
background-color: grey; background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px); backdrop-filter: blur(30px);
@ -374,10 +206,8 @@
cursor: pointer; cursor: pointer;
font-size: 15px; font-size: 15px;
border-radius: 15px; border-radius: 15px;
width: 30%; width: 20%;
align-items: center;
justify-content: center;
&:hover { &:hover {
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white; color: white;
@ -390,17 +220,18 @@
} }
.bouton_ann{ .bouton_ann{
display: flex; //display: flex;
background-color: grey; background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1); border: 0px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px); backdrop-filter: blur(30px);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
cursor: pointer; cursor: pointer;
font-size: 15px; font-size: 15px;
border-radius: 15px; border-radius: 15px;
width: 30%; width: 20%;
align-items: center; text-decoration: none;
text-align: center;
&:hover { &:hover {
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white; color: white;
@ -412,63 +243,231 @@
} }
} }
} }
}
.Titre_Formulaire_Rech{
display: flex;
flex-direction: column;
flex-basis: 100%;
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);
margin: 10px;
padding: 10px;
.Titre {
display: flex;
/*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);*/
margin: 10px;
font-size: 70px;
font-weight: bold;
}
.Sous-titre {
display: flex;
/*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);*/
margin: 10px;
font-size: 40px;
font-weight: bold;
}
.tr_bouton { .rechLogo {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; flex-basis: 100%;
/*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);*/
//margin: 10px;
//padding: 10px;
align-items: center; align-items: center;
margin-top: 5%;
.bouton_personne1 { .input_box {
display: flex; display: flex;
flex-direction: row;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
align-items: center;
justify-content: center; 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);
&:hover { input {
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); position: relative;
color: white; width: 100%;
background-color: rgba(114, 114, 114, 0.371); height: 100%;
padding: 0 15px 0 65px;
outline: none;
border: none;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
color: #333;
} }
&:active { .search {
background-color: rgba(68, 68, 68, 0.972); 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;
}
} }
} }
}
.formulaire {
display: flex;
flex-direction: column;
flex-basis: 100%;
/*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);*/
.bouton_personnes {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 350px;
margin: 20px 0 0 0;
/*background: rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/
}
.bouton_personne2 { .bouton_submit {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: grey; justify-content: space-between;
border: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 0 0 0;
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
align-items: center;
justify-content: center;
&:hover { .bouton_sup{
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); display: flex;
color: white; background-color: grey;
background-color: rgba(114, 114, 114, 0.371); border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
border-radius: 15px;
width: 30%;
align-items: center;
justify-content: center;
&:hover {
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
} }
.bouton_ann{
display: flex;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
border-radius: 15px;
width: 30%;
align-items: center;
&:active { &:hover {
background-color: rgba(68, 68, 68, 0.972); box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
}
}
.tr_bouton {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.bouton_personne1 {
display: flex;
flex-direction: row;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
align-items: center;
justify-content: center;
&:hover {
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
}
.bouton_personne2 {
display: flex;
flex-direction: row;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
align-items: center;
justify-content: center;
&:hover {
box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
} }
} }
} }
} }
} }
} }

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

@ -1,9 +1,4 @@
body { body {
background-image: url("../../../public/fond_page_connexion.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
.page_analyse { .page_analyse {
display: flex; display: flex;

5
src/styles/components/_calendrier.scss
Unescape View File

@ -1,9 +1,4 @@
body { body {
background-image: url("../../../public/fond_page_connexion.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
.page_calendrier { .page_calendrier {
display: flex; display: flex;

5
src/styles/components/_compte.scss
Unescape View File

@ -1,9 +1,4 @@
body { body {
background-image: url("../../../public/fond_page_connexion.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
.page_compte { .page_compte {
display: flex; display: flex;

144
src/styles/components/_connexion.scss
Unescape View File

@ -1,95 +1,97 @@
.page_connexion { body {
display: flex; .page_connexion {
flex-direction: column;
align-items: center;
.logo {
width: 200px;
height: 200px;
}
.formulaire_de_connexion {
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(1.5px);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.18);
padding: 40px;
padding-top: 100px;
width: 450px;
height: 470px;
display: flex; display: flex;
align-items: center;
flex-direction: column; flex-direction: column;
justify-content: space-between; align-items: center;
margin: 10px;
.connexion_text { .logo {
font-size: 25px; width: 200px;
height: 200px;
} }
.text_zone { .formulaire_de_connexion {
width: 370px; background: rgba(255, 255, 255, 0.143);
height: 50px; box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
background-color: transparent; backdrop-filter: blur(3px);
border-radius: 5px; -webkit-backdrop-filter: blur(1.5px);
border: 0.5px solid; border-radius: 15px;
padding-left: 10px; border: 1px solid rgba(255, 255, 255, 0.18);
padding-right: 10px;
}
.envoyer { padding: 40px;
width: 100%; padding-top: 100px;
width: 450px;
height: 470px;
display: flex; display: flex;
justify-content: space-evenly;
align-items: center; align-items: center;
flex-direction: column;
justify-content: space-between;
margin: 10px;
.connexion_text {
font-size: 25px;
}
button { .text_zone {
width: 150px; width: 370px;
height: 40px; height: 50px;
border-radius: 10px; background-color: transparent;
border-radius: 5px;
border: 0.5px solid; border: 0.5px solid;
color: $white; padding-left: 10px;
border: 0; padding-right: 10px;
background-color: rgba(163, 163, 163, 0.371);
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
&:hover{
background-color: rgba(114, 114, 114, 0.371);
}
&:active{
background-color:rgba(68, 68, 68, 0.972);
}
} }
.memory_me { .envoyer {
width: 100%;
display: flex; display: flex;
justify-content: space-evenly;
align-items: center; align-items: center;
label { button {
margin-right: 10px; width: 150px;
font-size: 12px; height: 40px;
color: rgb(59, 59, 59); border-radius: 10px;
} border: 0.5px solid;
input{ color: $white;
border: 0;
background-color: rgba(163, 163, 163, 0.371);
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer; cursor: pointer;
font-size: 15px;
&:hover{
background-color: rgba(114, 114, 114, 0.371);
}
&:active{
background-color:rgba(68, 68, 68, 0.972);
}
}
.memory_me {
display: flex;
align-items: center;
label {
margin-right: 10px;
font-size: 12px;
color: rgb(59, 59, 59);
}
input{
cursor: pointer;
}
} }
} }
} }
}
.forgot_pw { .forgot_pw {
outline: none; outline: none;
text-decoration: none; text-decoration: none;
color: rgb(159, 159, 159); color: rgb(159, 159, 159);
&:hover { &:hover {
color: rgba(53, 112, 206, 1); color: rgba(53, 112, 206, 1);
}
} }
} }
} }

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

@ -1,9 +1,4 @@
body { body {
background-image: url("../../../public/fond_page_connexion.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
.page_dashboard { .page_dashboard {
display: flex; display: flex;

22
src/styles/components/_parametre.scss
Unescape View File

@ -1,9 +1,5 @@
body { body {
background-image: url("../../../public/fond_page_connexion.png"); background-color: $alice-blue;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
.page_parametre { .page_parametre {
display: flex; display: flex;
@ -24,7 +20,7 @@ body {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
@ -47,7 +43,7 @@ body {
width: 100%; width: 100%;
margin: 30px 30px; margin: 30px 30px;
border-radius: 25px; border-radius: 25px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
input { input {
position: relative; position: relative;
@ -105,7 +101,7 @@ body {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
@ -144,7 +140,7 @@ body {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
@ -176,7 +172,7 @@ body {
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 5px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer; cursor: pointer;
&:hover{ &:hover{
@ -205,7 +201,7 @@ body {
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 5px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer; cursor: pointer;
&:hover{ &:hover{
@ -226,7 +222,7 @@ body {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
@ -294,7 +290,7 @@ body {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
} }

Write Preview
Loading…
Cancel
Save