css

WildCodeSchool · Dec 14, 2023 · faff4ea · faff4ea
1 parent ed8bc0e
commit faff4ea
Show file tree

Hide file tree

Showing 7 changed files with 56 additions and 7 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -108,6 +108,6 @@ body {
 .container-page.with-rounded-border {
   border-top-left-radius: 50px;
   border-top-right-radius: 50px;
-  padding-top: 0px;
+  padding-top: 70px;
   margin-top: -170px;
 }
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
@@ -13,6 +13,8 @@ import History from "./pages/Historique/History";
 import JobPosteDelail from "./pages/JobPosteDetail/JobPosteDetail";
 import Home from "./pages/Home/Home";
 import Favoris from "./pages/Favoris/Favoris";
+import ResultatAnnonces from "./pages/ResultatAnnonce/ResultatsAnnonce";
+import Search from "./pages/Search/Search";
 
 const router = createBrowserRouter([
   {
@@ -39,6 +41,14 @@ const router = createBrowserRouter([
         path: "/job",
         element: <JobPosteDelail />,
       },
+      {
+        path: "/results",
+        element: <ResultatAnnonces />,
+      },
+      {
+        path: "/search",
+        element: <Search />,
+      },
       {
         path: "/edit-profil",
         element: <UserProfileModel />,

diff --git a/frontend/src/pages/Experience/AddExperience.jsx b/frontend/src/pages/Experience/AddExperience.jsx
@@ -11,7 +11,6 @@ function AddExperience() {
   return (
     <>
       <HeaderCourt />
-
       <div className="container-page with-rounded-border">
         <h1>Ajouter une expérience</h1>
 

diff --git a/frontend/src/pages/JobPosteDetail/JobPosteDetail.jsx b/frontend/src/pages/JobPosteDetail/JobPosteDetail.jsx
@@ -7,7 +7,6 @@ function JobPosteDetail() {
   return (
     <>
       <HeaderCourt />
-
       <div className="container-page with-rounded-border">
         <div>
           <div className="offre-date-container">

diff --git a/frontend/src/pages/JobPosteDetail/job-poste-detail.css b/frontend/src/pages/JobPosteDetail/job-poste-detail.css
@@ -74,10 +74,8 @@
 .offre-date-container {
   padding-left: 15px;
   padding-right: 40px;
-  padding-top: 50px;
 
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin-top: 50px;
 }
diff --git a/frontend/src/pages/ResultatAnnonce/ResultatsAnnonce.jsx b/frontend/src/pages/ResultatAnnonce/ResultatsAnnonce.jsx
@@ -1,3 +1,16 @@
-export default function ResultatsAnnonce() {
-  return <div>ResultatsAnnonce</div>;
+import CardOffre from "../../components/CardModel/CardOffre";
+import HeaderLongTitreSsTitre from "../../components/Headers/HeaderLongTitreSsTitre";
+
+function ResultatAnnonces() {
+  return (
+    <>
+      <HeaderLongTitreSsTitre />
+      <div className="container-page">
+        <CardOffre />
+        <CardOffre />
+        <CardOffre />
+      </div>
+    </>
+  );
 }
+export default ResultatAnnonces;
diff --git a/frontend/src/pages/Search/Search.jsx b/frontend/src/pages/Search/Search.jsx
@@ -0,0 +1,30 @@
+import HeaderCourt from "../../components/Headers/HeaderCourt";
+import ButtonMaxi from "../../components/Boutons/ButtonMaxi";
+import Input from "../../components/Inputs/Input";
+import CheckboxCondition from "../../components/Inputs/CheckboxCondition";
+
+function Search() {
+  return (
+    <div>
+      <HeaderCourt />
+      <div className="container-page with-rounded-border">
+        <h1>Ajouter une expérience</h1>
+
+        <div className="container-input">
+          <Input titleInput="Intitulé du poste *" holderText="Chef de projet" />
+          <Input titleInput="Entreprise *" holderText="Inoxia" />
+
+          <div className="container-checkbox-experience">
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+          </div>
+
+          <ButtonMaxi textBtn="Ajouter l'expérience" />
+        </div>
+      </div>
+    </div>
+  );
+}
+export default Search;