- {/* Create an account page */}
-
-
-
Repertoire
-
-
![]()
+
+
+ {/* Create an account page */}
+
+
+
Repertoire
+
+
![]()
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Photo
- Nom
- Prénom
- Entreprise
-
-
-
- {contacts.map((contact) => (
-
- 
- {contact.lastname}
- {contact.firstname}
- {contact.name}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Photo
+ Nom
+ Prénom
+ Entreprise
- ))}
-
-
-
-
- {/*
+
+
+ {contacts.map((contact) => (
+
+
+ {contact.lastname}
+ {contact.firstname}
+ {contact.name}
+
+ ))}
+
+
+
+
+ {/*
@@ -114,8 +115,9 @@ function Repertoire() {
*/}
+
-
+
);
};
@@ -137,22 +139,22 @@ function AddContact(props) {
//console.log(props);
navigate('/');
}
- return (
-
- );
+ return (
+
+ );
};
diff --git a/src/styles/components/_analyse.scss b/src/styles/components/_analyse.scss
index 7550f7e..4f55914 100644
--- a/src/styles/components/_analyse.scss
+++ b/src/styles/components/_analyse.scss
@@ -20,8 +20,7 @@ body {
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);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -59,8 +58,7 @@ body {
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -133,8 +131,7 @@ body {
height: auto;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -155,7 +152,6 @@ body {
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);
}
@@ -178,8 +174,7 @@ body {
height: auto;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -199,7 +194,6 @@ body {
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);
}
diff --git a/src/styles/components/_calendrier.scss b/src/styles/components/_calendrier.scss
index bd00b20..388a349 100644
--- a/src/styles/components/_calendrier.scss
+++ b/src/styles/components/_calendrier.scss
@@ -1,5 +1,5 @@
body {
-
+
.page_calendrier {
display: flex;
flex-direction: column;
@@ -16,17 +16,16 @@ body {
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);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.titre {
font-size: 40px;
}
-
+
.rechLogo {
display: flex;
flex-direction: row;
@@ -38,7 +37,7 @@ body {
width: 100px;
height: 100px;
}
- }
+ }
}
.bas_de_page {
@@ -57,8 +56,7 @@ body {
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -106,7 +104,7 @@ body {
border: none;
cursor: pointer;
- .logo_nav_bar{
+ .logo_nav_bar {
display: flex;
margin: 10px;
height: 50px;
@@ -120,7 +118,6 @@ body {
flex-direction: row;
background: rgba(255, 255, 255, 0.3);
border-radius: 5px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
width: 94.3%;
@@ -130,21 +127,39 @@ body {
.Titre {
display: flex;
flex-direction: column;
- justify-content: space-around;
- width: 175px;
- margin: 30px;
-
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
- backdrop-filter: blur(3px);
- -webkit-backdrop-filter: blur(15px);
-
+ justify-content: space-between;
+ width: 200px;
+ height: 100%;
+ -webkit-backdrop-filter: blur(15px);
+ padding-top: 10px;
+ padding-bottom: 10px;
+
.mini_formulaire_evenement {
display: flex;
flex-direction: column;
- margin-top: 10px;
- height: 100px;
+ height: 100%;
+ justify-content: space-around;
+ .ajout_input {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ outline: none;
+ border: none;
+ border-radius: .375rem;
+ font-size: 16px;
+ font-weight: 400;
+ color: rgb(90, 90, 90);
+ border: 1px solid rgba(50, 55, 72, 1);
+ padding: 1rem 1rem;
+ margin-right: 10px;
+ }
+ .select {
+ border: 1px solid rgba(50, 55, 72, 1);
+ border-radius: 10px;
+ margin-left: 10px;
+ margin-right: 8px;
+ }
}
.bouton_ajout {
@@ -158,16 +173,18 @@ body {
height: 50px;
border-radius: 10px;
background-color: rgba(163, 163, 163, 0.371);
- border: 1px solid rgba(255,255,255,0.1);
+ 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);
+
+ &:hover {
+ background-color: rgba(114, 114, 114, 0.371);
}
- &:active{
- background-color:rgba(68, 68, 68, 0.972);
+
+ &:active {
+ background-color: rgba(68, 68, 68, 0.972);
}
}
}
@@ -175,12 +192,16 @@ body {
.rbc-calendar {
border-radius: 5px;
- border: 1px solid black;
+ margin-top: 20px;
+ margin-right: 20px;
+ margin-left: 20px;
+
.rbc-day-bg {
border-radius: 5px;
border-color: black;
}
+
.rbc-month-view {
border-radius: 10px;
border-color: black;
@@ -206,4 +227,4 @@ body {
}
}
}
-}
+}
\ No newline at end of file
diff --git a/src/styles/components/_compte.scss b/src/styles/components/_compte.scss
index 2ad916f..dac10ea 100644
--- a/src/styles/components/_compte.scss
+++ b/src/styles/components/_compte.scss
@@ -1,5 +1,3 @@
-
-
body {
.page_compte {
@@ -8,7 +6,7 @@ body {
justify-content: space-evenly;
width: auto;
height: 100vh;
-
+
.haut_de_page {
display: flex;
flex-direction: row;
@@ -18,17 +16,16 @@ body {
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);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.titre {
font-size: 40px;
}
-
+
.rechLogo {
display: flex;
flex-direction: row;
@@ -40,16 +37,16 @@ body {
width: 100px;
height: 100px;
}
- }
+ }
}
-
+
.bas_de_page {
display: flex;
flex-direction: row;
justify-content: space-between;
width: auto;
height: 86%;
-
+
.nav_bar_verticale {
display: flex;
flex-direction: column;
@@ -59,8 +56,7 @@ body {
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -108,7 +104,7 @@ body {
border: none;
cursor: pointer;
- .logo_nav_bar{
+ .logo_nav_bar {
display: flex;
margin: 10px;
height: 50px;
@@ -116,8 +112,8 @@ body {
}
}
}
-
-
+
+
.Compte {
display: flex;
flex-direction: column;
@@ -127,8 +123,7 @@ body {
margin: 5px 10px 10px 5px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -141,8 +136,7 @@ body {
height: 30%;
background: rgba(255, 255, 255, 0.1);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -161,7 +155,6 @@ body {
width: 135px;
background: rgba(255, 255, 255, 0.1);
border-radius: 100px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -170,15 +163,15 @@ body {
object-fit: cover;
}
}
-
- .figure{
+
+ .figure {
width: 45%;
}
-
- .img{
+
+ .img {
width: 100%;
}
-
+
.bouton_submit {
display: flex;
@@ -186,20 +179,45 @@ body {
align-items: center;
cursor: pointer;
-
- /*.bouton_ajoutPhoto {
- height: 40px;
- width: 150px;
- background-color: rgb(190, 189, 189);
- border-radius: 5px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
- cursor: pointer;
-
- &:hover{
- background-color: lightgrey;
+
+ .fileUpload {
+ color: #3874ff;
+ border-color: #3874ff;
+ background-color: transparent;
+ border: 1px solid #004dff;
+ border-radius: .375rem;
+ gap: 1rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+ &:hover {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ }
+
+ &:focus {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ box-shadow: 0 0 0 0.2rem rgba(56, 116, 255, 0.5);
}
- }*/
+
+ &:active {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #3874ff;
+ background-color: transparent;
+ border-color: #3874ff;
+ }
+ }
}
}
@@ -212,7 +230,7 @@ body {
.presentationNom {
display: flex;
flex-direction: row;
- justify-content: space-evenly;
+ justify-content: space-evenly;
.def {
display: flex;
@@ -221,24 +239,44 @@ body {
.nom {
display: flex;
- margin-left: 125px;;
+ margin-left: 125px;
+ ;
}
}
.bouton_submit {
display: flex;
-
+
.bouton_modifierNom {
- width: 75px;
- height: 20px;
- background-color: rgb(190, 189, 189);
- border-radius: 5px;
- border-radius: 5px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
cursor: pointer;
-
- &:hover{
- background-color: lightgrey;
+ color: #141824;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
+ border-radius: 0.375rem;
+ padding: 0.5rem 1rem;
+ border-width: 1px;
+
+ &:hover {
+ color: #141824;
+ background: #e3e6ed;
+ border-color: #f6f8fb;
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(211, 214, 218, 0.5);
+ }
+
+ &:active {
+ color: #000000;
+ background: #f7f9fb;
+ border-color: #f6f8fb;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #000000;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
}
}
}
@@ -256,8 +294,7 @@ body {
height: 30%;
background: rgba(255, 255, 255, 0.1);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -272,7 +309,7 @@ body {
.parti_mail {
display: flex;
flex-direction: row;
- margin: 0 25px;
+ margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
@@ -290,7 +327,7 @@ body {
.parti_pays {
display: flex;
flex-direction: row;
- margin: 0 25px;
+ margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
@@ -325,14 +362,13 @@ body {
.infoEntreprise {
display: flex;
flex-direction: column;
- justify-content: space-evenly;
+ justify-content: space-evenly;
margin: 13px;
width: auto;
height: 30%;
background: rgba(255, 255, 255, 0.1);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -347,7 +383,7 @@ body {
.parti_name {
display: flex;
flex-direction: row;
- margin: 0 25px;
+ margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
@@ -362,10 +398,10 @@ body {
}
}
- .parti_secteurAct{
+ .parti_secteurAct {
display: flex;
flex-direction: row;
- margin: 0 25px;
+ margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
@@ -405,7 +441,7 @@ body {
display: none;
}
-.fileUpload{
+.fileUpload {
width: 100%;
margin-top: 1rem;
display: flex;
@@ -419,4 +455,4 @@ body {
border-radius: 10px;
background-color: $xiketic;
cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/src/styles/components/_dashboard.scss b/src/styles/components/_dashboard.scss
index 816073c..c9b3b6a 100644
--- a/src/styles/components/_dashboard.scss
+++ b/src/styles/components/_dashboard.scss
@@ -19,8 +19,7 @@ body {
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);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -58,9 +57,7 @@ body {
margin: 5px 5px 10px 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);
+ border-radius: 5px;
-webkit-backdrop-filter: blur(15px);
.parti_one {
@@ -143,8 +140,7 @@ body {
height: auto;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -155,8 +151,7 @@ body {
height: auto;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -175,8 +170,7 @@ body {
height: auto;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -201,8 +195,7 @@ body {
height: 53%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -213,8 +206,7 @@ body {
height: 43%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -233,8 +225,7 @@ body {
height: 46%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -245,8 +236,7 @@ body {
height: 50%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -267,8 +257,7 @@ body {
height: 64%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
@@ -279,8 +268,7 @@ body {
height: 34%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
}
diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss
index e51d844..dd5a011 100644
--- a/src/styles/components/_parametre.scss
+++ b/src/styles/components/_parametre.scss
@@ -20,8 +20,7 @@ body {
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.25);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -59,8 +58,7 @@ body {
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -134,8 +132,7 @@ body {
padding: 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -170,15 +167,35 @@ body {
cursor: pointer;
.bouton_signalerPB {
- width: 110px;
- height: 25px;
- background-color: rgb(190, 189, 189);
- border-radius: 20px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer;
+ color: #141824;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
+ border-radius: 0.375rem;
+ padding: 0.5rem 1rem;
+ border-width: 1px;
&:hover {
- background-color: lightgrey;
+ color: #141824;
+ background: #e3e6ed;
+ border-color: #f6f8fb;
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(211, 214, 218, 0.5);
+ }
+
+ &:active {
+ color: #000000;
+ background: #f7f9fb;
+ border-color: #f6f8fb;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #000000;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
}
}
}
@@ -202,15 +219,35 @@ body {
cursor: pointer;
.bouton_modifierMDP {
- width: 110px;
- height: 25px;
- background-color: rgb(190, 189, 189);
- border-radius: 20px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer;
+ color: #141824;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
+ border-radius: 0.375rem;
+ padding: 0.5rem 1rem;
+ border-width: 1px;
&:hover {
- background-color: lightgrey;
+ color: #141824;
+ background: #e3e6ed;
+ border-color: #f6f8fb;
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(211, 214, 218, 0.5);
+ }
+
+ &:active {
+ color: #000000;
+ background: #f7f9fb;
+ border-color: #f6f8fb;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #000000;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
}
}
}
@@ -226,8 +263,7 @@ body {
padding: 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -300,8 +336,7 @@ body {
height: 40%;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -327,15 +362,35 @@ body {
}
.bouton {
- width: 110px;
- height: 25px;
- background-color: rgb(190, 189, 189);
- border-radius: 20px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer;
+ color: #141824;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
+ border-radius: 0.375rem;
+ padding: 0.5rem 1rem;
+ border-width: 1px;
&:hover {
- background-color: lightgrey;
+ color: #141824;
+ background: #e3e6ed;
+ border-color: #f6f8fb;
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(211, 214, 218, 0.5);
+ }
+
+ &:active {
+ color: #000000;
+ background: #f7f9fb;
+ border-color: #f6f8fb;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #000000;
+ background: #f5f7fa;
+ border-color: #f5f7fa;
}
}
}
diff --git a/src/styles/components/_repertoire.scss b/src/styles/components/_repertoire.scss
index 819a16b..b655e44 100644
--- a/src/styles/components/_repertoire.scss
+++ b/src/styles/components/_repertoire.scss
@@ -1,6 +1,6 @@
body {
- #page_repertoire {
+ .page_repertoire {
display: flex;
flex-direction: column;
justify-content: space-evenly;
@@ -18,8 +18,7 @@ body {
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);
+ border-radius: 5px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
@@ -42,7 +41,6 @@ body {
width: 100%;
margin: 30px 30px;
border-radius: 25px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
input {
position: relative;
@@ -99,9 +97,7 @@ body {
margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.3);
- border-radius: 15px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
- backdrop-filter: blur(3px);
+ border-radius: 5px;
-webkit-backdrop-filter: blur(15px);
.parti_one {
@@ -174,15 +170,39 @@ body {
.boutonAddContact {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 40px;
- min-width: 150px;
- margin: 30px 30px;
- border-radius: 25px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
- text-decoration-line: none;
+ color: #3874ff;
+ border-color: #3874ff;
+ background-color: transparent;
+ border: 1px solid #004dff;
+ border-radius: .375rem;
+ padding: .375rem .75rem;
+ gap: 1rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+ &:hover {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ }
+ &:focus {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ box-shadow: 0 0 0 0.2rem rgba(56, 116, 255, 0.5);
+ }
+ &:active {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+ &:disabled {
+ color: #3874ff;
+ background-color: transparent;
+ border-color: #3874ff;
+ }
}
.input_box {
@@ -195,7 +215,6 @@ body {
width: 100%;
margin: 30px 30px;
border-radius: 25px;
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
input {
position: relative;
@@ -204,10 +223,10 @@ body {
padding: 0 15px 0 65px;
outline: none;
border: none;
- border-radius: 25px;
+ border-radius: .375rem;
font-size: 16px;
font-weight: 400;
- color: #333;
+ color: rgb(90, 90, 90);
}
.search {
@@ -222,7 +241,7 @@ body {
border-radius: 25px 0 0 25px;
.search-icon {
- font-size: 30px;
+ font-size: 20px;
color: black;
}
}
@@ -237,23 +256,6 @@ body {
scroll-behavior: smooth;
overflow-y: scroll;
- &::-webkit-scrollbar {
- width: 15px;
- }
-
- &::-webkit-scrollbar-track {
- background: #f1f1f1;
- }
-
- &::-webkit-scrollbar-thumb {
- background: #888;
- border-radius: 10px;
- }
-
- &::-webkit-scrollbar-thumb:hover {
- background: #555;
- }
-
.photoContact {
width: 50px;
height: 50px;
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index 01c4180..f291355 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -1,4 +1,3 @@
-
$font-1: sans-serif;
$color-1: #61dafb;
@@ -11,7 +10,7 @@ $alice-blue: #e8eef2ff;
$blue-munsell: #0088a3ff;
$malachite: #32e875ff;
$rufous: #9b2915ff;
-$xiketic: #020114ff;
+$xiketic: #0f111a;
$beau-blue: #b1c5d2;
@@ -49,7 +48,441 @@ li {
list-style-type: none;
}
-.dark{
+.dark {
background-color: $xiketic;
color: white;
+
+ .page_analyse {
+ .haut_de_page {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .bas_de_page {
+ .nav_bar_verticale {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Analyse {
+ .Stat-1 {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+
+ .Stat-1_titre p {
+ background-color: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+
+ .Stat-2 {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+
+ .Stat-2_titre p {
+ background-color: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+ }
+ }
+
+ }
+
+ .page_parametre {
+ .haut_de_page {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .bas_de_page {
+ .nav_bar_verticale {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Parametre {
+ .one {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ .one_milieu{
+ .bouton_submit{
+ .bouton_signalerPB{
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.5);
+ border-color: rgba(49, 55, 74, 0.5);
+
+ &:hover {
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.8);
+ border-color: rgba(101, 105, 119, 0.55);
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(102, 108, 125, 0.5);
+ }
+
+ &:active {
+ color: #fff;
+ background: rgba(137, 141, 152, 0.6);
+ border-color: rgba(101, 105, 119, 0.55);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #fff;
+ background: rgba(49, 55, 74, 0.5);
+ }
+ }
+ }
+ }
+
+ .one_bas {
+ .bouton_submit {
+ .bouton_modifierMDP {
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.5);
+ border-color: rgba(49, 55, 74, 0.5);
+
+ &:hover {
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.8);
+ border-color: rgba(101, 105, 119, 0.55);
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(102, 108, 125, 0.5);
+ }
+
+ &:active {
+ color: #fff;
+ background: rgba(137, 141, 152, 0.6);
+ border-color: rgba(101, 105, 119, 0.55);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #fff;
+ background: rgba(49, 55, 74, 0.5);
+ }
+ }
+ }
+ }
+ }
+
+ .two {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .three {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ .déconnexion{
+ .bouton{
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.5);
+ border-color: rgba(49, 55, 74, 0.5);
+
+ &:hover {
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.8);
+ border-color: rgba(101, 105, 119, 0.55);
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(102, 108, 125, 0.5);
+ }
+
+ &:active {
+ color: #fff;
+ background: rgba(137, 141, 152, 0.6);
+ border-color: rgba(101, 105, 119, 0.55);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #fff;
+ background: rgba(49, 55, 74, 0.5);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .page_compte {
+ .haut_de_page {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .bas_de_page {
+ .nav_bar_verticale {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Compte {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+
+ .name_picture {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+
+ .picture {
+ #display_image {
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+ .name{
+ .bouton_submit{
+ .bouton_modifierNom{
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.5);
+ border-color: rgba(49, 55, 74, 0.5);
+
+ &:hover {
+ color: #cbd0dd;
+ background: rgba(49, 55, 74, 0.8);
+ border-color: rgba(101, 105, 119, 0.55);
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 0.2rem rgba(102, 108, 125, 0.5);
+ }
+
+ &:active {
+ color: #fff;
+ background: rgba(137, 141, 152, 0.6);
+ border-color: rgba(101, 105, 119, 0.55);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #fff;
+ background: rgba(49, 55, 74, 0.5);
+ }
+ }
+ }
+ }
+ }
+
+ .infoPerso {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .infoEntreprise {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+ }
+
+ }
+
+ .page_repertoire {
+ .haut_de_page {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .bas_de_page {
+ .nav_bar_verticale {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ }
+
+ .contenu {
+ .searchAndAddButton {
+ .boutonAddContact {
+ color: #3874ff;
+ border-color: #3874ff;
+ background-color: transparent;
+ border-radius: .375rem;
+ padding: .375rem .75rem;
+ gap: 1rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+ &:hover {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ }
+
+ &:focus {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ box-shadow: 0 0 0 0.2rem rgba(56, 116, 255, 0.5);
+ }
+
+ &:active {
+ color: #fff;
+ background-color: #3874ff;
+ border-color: #004dff;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
+ }
+
+ &:disabled {
+ color: #3874ff;
+ background-color: transparent;
+ border-color: #3874ff;
+ }
+ }
+
+ .input_box {
+ input {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+
+ &::-webkit-input-placeholder {
+ color: rgb(160, 166, 186);
+ }
+ }
+
+ }
+ }
+
+ .tabListContact {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+ }
+
+ .page_calendrier {
+ .haut_de_page {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .bas_de_page {
+ .nav_bar_verticale {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Calendrier {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+
+ .Titre {
+ background: rgba(21, 24, 35, 1);
+ border-right: 1px solid rgba(50, 55, 72, 1);
+
+ .mini_formulaire_evenement {
+ .ajout_input {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ color: #fff;
+ }
+
+ .date {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ color: #fff;
+ }
+
+ }
+
+ .bouton_ajout {
+ margin-top: 10px;
+ color: #90d67f;
+ background: rgba(37, 176, 3, 0.14);
+ border-color: rgba(37, 176, 3, 0.14);
+
+ &:hover {
+ color: #90d67f;
+ background: rgba(37, 176, 3, 0.2);
+ border-color: rgba(167, 223, 153, 0.226);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .page_dashboard {
+ .haut_de_page {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .bas_de_page {
+ .nav_bar_verticale {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Dashboard {
+ ._gauche {
+ ._haut {
+ .Mes_infos {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Alertes {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+
+ ._bas {
+ .Mes_prochaines_activités {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Chiffre_clés {
+ .Ch_Clé_gauche {
+ .Ch_Clé_gauche_haut {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Ch_Clé_gauche_bas {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+
+ .Ch_Clé_droite {
+ .Ch_Clé_droite_haut {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .Ch_Clé_droite_bas {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+ }
+ }
+ }
+
+ ._droite {
+ .clients_important {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+
+ .contacts_ajouté_récemment {
+ background: rgba(21, 24, 35, 1);
+ border: 1px solid rgba(50, 55, 72, 1);
+ }
+ }
+
+ }
+ }
+ }
}
\ No newline at end of file