fix(bug):fix a bug that causes the profile image to stay static

atlp-rwanda · Sep 22, 2023 · b0c877d · b0c877d
1 parent 234101d
commit b0c877d
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/ModalDataTable.tsx b/src/components/ModalDataTable.tsx
@@ -67,15 +67,14 @@ function DataTable({ data, columns, title, removeModel }: TableData) {
             onChange={(e) => setGlobalFilter(e.target.value)}
           />
         </div>
-        <div style={{ marginTop: '-1.2cm', color: 'red' }}>
+        <div style={{ marginTop: '-2.2cm', color: 'red' }}>
           <Button
             variant=""
-            size="sxm"
-            style=""
+            className="transform rotate-45 w-120 h-120 text-5xl"
             data-testid="delete"
             onClick={() => removeModel()}
           >
-            x
+            +
           </Button>
         </div>
       </div>

diff --git a/src/components/ratings/ViewWeeklyRatings.tsx b/src/components/ratings/ViewWeeklyRatings.tsx
@@ -52,12 +52,12 @@ function ViewSprintRatings({
             {t('Trainee')} : {traineeName}
           </h3>
           <h1
-            className="absolute right-2 top-8 hover:text-red-500"
+            className="absolute right-0 top-2 text-red-500   transform rotate-45 w-120 h-120 text-5xl cursor-pointer"
             onClick={() => {
               navigate('/trainees');
             }}
           >
-            X
+            +
           </h1>
         </div>
         <div className="flex flex-col gap-4">

diff --git a/src/pages/AdminTraineeDashboard.tsx b/src/pages/AdminTraineeDashboard.tsx
@@ -478,9 +478,8 @@ function AdminTraineeDashboard() {
               <div className="font-sans text-sm font-bold text-center dark:text-white dark:bg-dark-bg">
                 <div className="bg-[#4aa5be] h-[150px]">
                   <img
-                    className="absolute top-[80px] left-[40px] border-4 border-white font-sans"
+                    className=" relative top-[50px] left-[20px] border-4 border-white font-sans"
                     style={{
-                      margin: '0 auto',
                       borderRadius: '50%',
                       marginBottom: '20px',
                       width: '150px',