From eefea36bac1a27b2b60df68ad703c090a63f9fb3 Mon Sep 17 00:00:00 2001 From: cherif Date: Fri, 31 Mar 2023 11:32:43 +0200 Subject: [PATCH] 31/03/23 - 11h --- src/components/Partner.js | 36 ++++--- src/styles/components/_partner.scss | 158 ++++++++++++++++++++-------- 2 files changed, 133 insertions(+), 61 deletions(-) diff --git a/src/components/Partner.js b/src/components/Partner.js index 21ae3a9..a514c11 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -26,7 +26,11 @@ import { IoCheckmarkCircleSharp } from "react-icons/io5"; import { FaHandPointRight } from "react-icons/fa"; import OrderConfirmation from "./OrderConfirmation"; import Pricing from "./Pricing"; +import {FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder, + FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange, + FcMoneyTransfer, FcFeedback, FcKey } from "react-icons/fc"; +//import { FcHome} from "react-icons/fc"; const Partner = (props) => { const { commingmenu, commingpack } = useParams(); @@ -597,38 +601,38 @@ const Partner = (props) => {
{parntername && {parntername} - {String(partnerPackService).toUpperCase()} ({parnternbformation})} {!parntername && Partenaire }

- {String(menu) !== "infopartner" &&
INFORMATIONS PERSONNELLES
} - {String(menu) === "infopartner" &&
INFORMATIONS PERSONNELLES
} + {String(menu) !== "infopartner" &&
DONNEES PERSONNELLES
} + {String(menu) === "infopartner" &&
DONNEES PERSONNELLES
}
- {String(menu) !== "creation" &&
CREER FORMATION
} - {String(menu) === "creation" &&
CREER FORMATION
} + {String(menu) !== "creation" &&
CREER FORMATION
} + {String(menu) === "creation" &&
CREER FORMATION
}
- {String(menu) !== "affichage" &&
MES FORMATIONS
} - {String(menu) === "affichage" &&
MES FORMATIONS
} + {String(menu) !== "affichage" &&
MES FORMATIONS
} + {String(menu) === "affichage" &&
MES FORMATIONS
}
- {String(menu) !== "abonnement" &&
ABONNEMENT
} - {String(menu) === "abonnement" &&
ABONNEMENT
} + {String(menu) !== "abonnement" &&
ABONNEMENT
} + {String(menu) === "abonnement" &&
ABONNEMENT
}
- {String(menu) !== "pricing" &&
MES PRIX
} - {String(menu) === "pricing" &&
MES PRIX
} + {String(menu) !== "pricing" &&
MES PRIX
} + {String(menu) === "pricing" &&
MES PRIX
}
- {String(menu) !== "facture" &&
FACTURATION
} - {String(menu) === "facture" &&
FACTURATION
} + {String(menu) !== "facture" &&
FACTURATION
} + {String(menu) === "facture" &&
FACTURATION
}
- {String(menu) !== "statistique" &&
STATISTIQUES
} - {String(menu) === "statistique" &&
STATISTIQUES
} + {String(menu) !== "statistique" &&
STATISTIQUES
} + {String(menu) === "statistique" &&
STATISTIQUES
}
- {String(has_partner_lms_url) === "1" &&
{ + {String(has_partner_lms_url) === "1" &&
{ e.preventDefault(); window.open( partner_lms_url, @@ -636,7 +640,7 @@ const Partner = (props) => { ); - }}> Mon espace hebergement
} + }}> MON HEBERGEMENT
}
diff --git a/src/styles/components/_partner.scss b/src/styles/components/_partner.scss index d722089..9829659 100644 --- a/src/styles/components/_partner.scss +++ b/src/styles/components/_partner.scss @@ -4,7 +4,7 @@ color: #00ffff; border: #0c0101; margin-bottom: 2rem; - font-style: italic; + font-style: italic; //border:1px solid black; /* Style as you please, it will become the visible UI component. */ } @@ -67,7 +67,7 @@ .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #0c0101; cursor: pointer; @@ -76,13 +76,12 @@ .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; cursor: pointer; letter-spacing: 1px; - font-weight: bold; } - + .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; @@ -97,6 +96,7 @@ color: red; font-style: italic; } + .okUpdateData { font-size: small; color: green; @@ -128,6 +128,7 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } + .containerBox { position: relative; display: inline-block; @@ -135,7 +136,8 @@ h4 { display: inline-block; - font-size: xx-large; /*or whatever you want*/ + font-size: xx-large; + /*or whatever you want*/ color: white; } @@ -146,6 +148,7 @@ width: 100%; vertical-align: middle; } + .text-box:before { content: ""; display: inline-block; @@ -354,6 +357,7 @@ margin-left: auto; margin-right: auto; } + .accountsatatus { font-size: small; color: black; @@ -471,6 +475,19 @@ font-weight: normal; } + .sousmenu_hebergement_lms { + background: rebeccapurple; + border-radius: 0.5rem; + height: 3rem !important; + padding: 0.5rem; + text-align: left; + color: white; + cursor: pointer; + } + .icone_menu { + width: 1rem; + height: 1rem; + } } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -481,6 +498,7 @@ color: red; font-style: italic; } + .okUpdateData { font-size: small; color: green; @@ -515,7 +533,7 @@ .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; @@ -524,11 +542,10 @@ .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #ffffff; cursor: pointer; - font-weight: bold; } .sousmenu:hover { @@ -781,6 +798,7 @@ margin-left: auto; margin-right: auto; } + .my_hr { margin: 0; color: inherit; @@ -862,6 +880,7 @@ font-size: small; width: 10rem; } + .firstConnexion_bton:hover { background: #81bc3a !important; } @@ -906,6 +925,20 @@ font-weight: normal; } + .sousmenu_hebergement_lms { + background: rebeccapurple; + border-radius: 0.5rem; + height: 3rem !important; + padding: 0.5rem; + text-align: left; + cursor: pointer; + } + + .icone_menu { + width: 1rem; + height: 1rem; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -913,15 +946,15 @@ float: right; //border: 1px solid black; border-width: 0.01rem; - width: 81%; + width: 80%; height: auto; margin: auto; - padding: 10px; + padding: 2px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; - margin-right: 5px; + margin-right: 2px; } .sousmenu_btn { @@ -936,18 +969,17 @@ .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #ffffff; cursor: pointer; letter-spacing: 1px; - font-weight: bold; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; @@ -992,6 +1024,7 @@ color: red; font-style: italic; } + .okUpdateData { font-size: small; color: green; @@ -1002,15 +1035,15 @@ float: left; border: 1px solid black; border-width: 0.01rem; - width: 17%; + width: 19%; height: auto; margin: auto; - padding: 5px; + padding: 2px; border-radius: 1rem; background-color: #104277; text-align: left; color: white; - margin-left: 5px; + margin-left: 2px; } .account_img { @@ -1029,10 +1062,10 @@ font-size: 1rem !important; } - .sousmenu { + .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #c0c0c0; } @@ -1040,13 +1073,13 @@ .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #ffffff; cursor: pointer; - letter-spacing: 1px; - font-weight: bold; + //letter-spacing: 1px; } + .sousmenu:hover { color: white; font-weight: bold; @@ -1061,7 +1094,8 @@ h4 { display: inline-block; - font-size: xx-large; /*or whatever you want*/ + font-size: xx-large; + /*or whatever you want*/ color: white; } @@ -1072,6 +1106,7 @@ width: 100%; vertical-align: middle; } + .text-box:before { content: ""; display: inline-block; @@ -1256,6 +1291,7 @@ margin-left: auto; margin-right: auto; } + .my_hr { margin: 0; color: inherit; @@ -1381,7 +1417,20 @@ letter-spacing: 0.1rem; font-weight: normal; } - + + .sousmenu_hebergement_lms { + background: rebeccapurple; + border-radius: 0.5rem; + height: 3rem !important; + padding: 0.5rem; + text-align: left; + cursor: pointer; + } + .icone_menu { + width: 1rem; + height: 1rem; + } + } @media only screen and (min-width: 1200px) { @@ -1389,15 +1438,15 @@ float: right; //border: 1px solid black; border-width: 0.01rem; - width: 84%; + width: 83%; height: auto; margin: auto; - padding: 5px; + padding: 2px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; - margin-right: 5px; + margin-right: 2px; } .img_user { @@ -1431,12 +1480,12 @@ float: left; border: 1px solid black; border-width: 0.01rem; - width: 14%; + width: 16%; height: auto; margin: auto; - padding: 10px; + padding: 5px; border-radius: 1rem; - margin-right: 0.5%; + margin-right: 5px; background-color: #104277; text-align: left; color: white; @@ -1448,6 +1497,7 @@ color: red; font-style: italic; } + .okUpdateData { font-size: small; color: green; @@ -1469,7 +1519,8 @@ h4 { display: inline-block; - font-size: xx-large; /*or whatever you want*/ + font-size: xx-large; + /*or whatever you want*/ color: white; } @@ -1480,6 +1531,7 @@ width: 100%; vertical-align: middle; } + .text-box:before { content: ""; display: inline-block; @@ -1553,7 +1605,7 @@ .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; @@ -1562,19 +1614,19 @@ .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; - text-align: center; + text-align: left; margin-bottom: 0.8rem; color: #ffffff; cursor: pointer; - letter-spacing: 1px; - font-weight: bold; + font-weight: 600; + //letter-spacing: 1px; + + } .sousmenu:hover { color: white; - font-weight: bold; - padding-left: 0; - text-transform: uppercase; + font-weight: 600; } .div_row2 { @@ -1818,7 +1870,7 @@ padding-top: 5px; } - .css-1ptx2yq-MuiInputBase-root-MuiInput-root{ + .css-1ptx2yq-MuiInputBase-root-MuiInput-root { height: 3rem; border: 1.5px solid #e0e0e0; border-radius: 5px; @@ -1826,7 +1878,7 @@ margin-right: 2px; } - .css-1x51dt5-MuiInputBase-input-MuiInput-input{ + .css-1x51dt5-MuiInputBase-input-MuiInput-input { background-color: rgb(236, 239, 241); height: 2.2rem; padding-top: 0px; @@ -1852,6 +1904,20 @@ letter-spacing: 0.1rem; font-weight: normal; } + + .sousmenu_hebergement_lms { + background: rebeccapurple; + border-radius: 0.5rem; + height: 3rem !important; + padding: 0.5rem; + text-align: left; + cursor: pointer; + } + + .icone_menu { + width: 2rem; + height: 1.5rem; + } } @@ -1860,7 +1926,8 @@ padding-top: 5px; } - .css-1ptx2yq-MuiInputBase-root-MuiInput-root, .css-1vv4lmi{ + .css-1ptx2yq-MuiInputBase-root-MuiInput-root, + .css-1vv4lmi { height: 3rem; border: 1.5px solid #e0e0e0; border-radius: 5px; @@ -1868,7 +1935,7 @@ padding-right: 2px; } - .css-1x51dt5-MuiInputBase-input-MuiInput-input{ + .css-1x51dt5-MuiInputBase-input-MuiInput-input { background-color: rgb(236, 239, 241); height: 2.3rem; padding-top: 0px; @@ -1878,12 +1945,13 @@ border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + } -.mce-content-body{ +.mce-content-body { line-height: 1.2rem !important; } -.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root{ +.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { height: 3rem !important; } \ No newline at end of file