diff --git a/src/pages/Compte.js b/src/pages/Compte.js index 2e255c9..db19284 100644 --- a/src/pages/Compte.js +++ b/src/pages/Compte.js @@ -69,7 +69,19 @@ const Compte = () => {
infoPerso
+Informations personnels
+Mail :
+coucou@gmail.com
+Pays ou Région :
+France
+Tel :
+0745632114
+infoEntreprise
diff --git a/src/styles/components/_compte.scss b/src/styles/components/_compte.scss index 74b30b7..7f85635 100644 --- a/src/styles/components/_compte.scss +++ b/src/styles/components/_compte.scss @@ -196,11 +196,12 @@ body { .def { display: flex; + font-weight: bold; } .nom { display: flex; - margin-left: 125px; + margin-left: 125px;; } } @@ -213,6 +214,7 @@ body { .infoPerso { display: flex; flex-direction: column; + justify-content: space-evenly; margin-left: 13px; margin-right: 13px; width: auto; @@ -223,6 +225,66 @@ body { box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(15px); + + .description { + display: flex; + margin: 0 25px; + border-bottom: 1px solid grey; + padding: 0 0 10px 0; + font-weight: bold; + } + + .parti_mail { + display: flex; + flex-direction: row; + margin: 0 25px; + border-bottom: 1px solid grey; + padding: 0 0 15px 0; + + .def { + display: flex; + font-weight: bold; + } + + .mail { + display: flex; + margin-left: 199px; + } + } + + .parti_pays { + display: flex; + flex-direction: row; + margin: 0 25px; + border-bottom: 1px solid grey; + padding: 0 0 15px 0; + + .def { + display: flex; + font-weight: bold; + } + + .pays_region { + display: flex; + margin-left: 110px; + } + } + + .parti_tel { + display: flex; + flex-direction: row; + margin: 0 25px; + + .def { + display: flex; + font-weight: bold; + } + + .tel { + display: flex; + margin-left: 207px; + } + } } .infoEntreprise {