offerdash-list-ok with some style

WildCodeSchool · Dec 19, 2023 · 26d393c · 26d393c
1 parent 9d49e46
commit 26d393c
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 9 deletions.
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -2,14 +2,12 @@ import { Outlet } from "react-router-dom";
 import SignContextProvider from "./contexts/SignContext";
 import "./App.css";
 import Navbar from "./components/NavBar/NavBar";
-import RowDash from "./components/Dashboards/RowDash";
 
 function App() {
   return (
     <SignContextProvider>
       <Navbar />
       <Outlet />
-      <RowDash />
     </SignContextProvider>
   );
 }

diff --git a/frontend/src/components/Dashboards/RowDash.css b/frontend/src/components/Dashboards/RowDash.css
@@ -1,16 +1,24 @@
 .offerDash-item {
   display: flex;
-  justify-content: center;
-  background-color: var(--background-input);
-  width: 80%;
+  justify-content: space-between;
+  box-shadow: 5px 5px 15px 8px rgba(217, 217, 217, 0.53);
+  padding: 10px 35px;
 }
 .array-box,
 .bigArray-box {
-  border: 2px solid var(--second-color);
+  margin-inline: 5px;
+  margin: 25px 0;
 }
 .array-box {
-  width: 10%;
+  width: 12%;
 }
 .bigArray-box {
-  width: 31%;
+  width: 32%;
+}
+.icon-dash {
+  display: flex;
+  justify-content: space-between;
+  margin: 25px 0;
+  width: 100px;
+  color: brown;
 }
diff --git a/frontend/src/components/Dashboards/RowDash.jsx b/frontend/src/components/Dashboards/RowDash.jsx
@@ -44,10 +44,15 @@ function RowDash() {
       {OfferDash.map((offer) => (
         <div key={offer.idOffer} className="offerDash-item">
           <p className="array-box">{offer.idOffer}</p>
-          <p className="bigArray-box">{offer.Entreprise}</p>
+          <p className="array-box">{offer.Entreprise}</p>
           <p className="array-box">{offer.NbrCandidats}</p>
           <p className="array-box">{offer.Statut}</p>
           <p className="bigArray-box">{offer.mailRef}</p>
+          <div className="icon-dash">
+            <i className="fa-solid fa-pen" />
+            <i className="fa-solid fa-eye" />
+            <i className="fa-solid fa-trash" />
+          </div>
         </div>
       ))}
     </div>

diff --git a/frontend/src/pages/Dashboard/Dashboard1.jsx b/frontend/src/pages/Dashboard/Dashboard1.jsx
@@ -1,9 +1,11 @@
+import RowDash from "../../components/Dashboards/RowDash";
 import TitleDashboard from "../../components/Dashboards/TitleDashboard";
 
 function TitleDashboard1() {
   return (
     <div>
       <TitleDashboard />
+      <RowDash />
     </div>
   );
 }