updt linechart

X6TXY · Jul 31, 2023 · bc42e9d · bc42e9d
1 parent 0114694
commit bc42e9d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 9 deletions.
diff --git a/src/сomponents/content/home/home.css b/src/сomponents/content/home/home.css
@@ -13,7 +13,7 @@
   align-items: center;
   border-radius: 10px;
   height: 13rem;
-  width: 25rem;
+  width: 70%;
 }
 .Homeheading {
   position: absolute;
@@ -42,6 +42,7 @@
   top: 100px;
   height: 20%;
   display: flex;
+  width: 70%;
   background-color: white;
 }
 .date {
@@ -63,7 +64,7 @@
   padding: 10px;
   width: 70%;
   position: absolute;
-  top: 80%;
+  top: 81%;
 }
 
 .calendare {
@@ -78,9 +79,11 @@
     padding: 10px;
     width: 60%;
     position: absolute;
-    top: 75%;
+    top: 67%;
+  }
+  .backgroundmotivation{
+    width: 60%;
   }
-
   .calendare {
     display: flex;
     justify-content: center;
@@ -94,7 +97,7 @@
     align-items: center;
     border-radius: 10px;
     height: 15rem;
-    width: 25rem;
+    width: 60%;
   }
 }
 
@@ -122,6 +125,9 @@
     left: 0;
     color: #c7200b;
   }
+  .calendarebg{
+    top:75%;
+  }
   .workingspacehome {
     width: 100%;
     height: 750px;
@@ -139,7 +145,9 @@
     height: 13rem;
     width: 70%;
   }
-
+  .backgroundmotivation{
+    width: 70%;
+  }
 }
 
 .wrapper {
@@ -173,6 +181,9 @@
     font-size: 15px;
     margin-left: 5px;
   }
+  .calendarebg{
+    top:75%
+  }
   .motivationbtn {
     width: 70px;
     height: 10px;
@@ -219,3 +230,5 @@
     width: 100%;
   }
 }
+
+
diff --git a/src/сomponents/content/home/index.jsx b/src/сomponents/content/home/index.jsx
@@ -84,16 +84,16 @@ export const Home = () => {
                 </div>
               </div>
             </div>
-            <div className="flex  justify-center items-center mt-64 ">
+            <div className="flex  justify-center items-center mt-60 ">
               <div className="linechartbg drop-shadow-md">
                 <div className="">
                   <div className="flex justify-center p-1 font-bold text-xl text-[#c7200b]">Your last 5 Scores</div>
                   <LineChart  />
                 </div>
               </div>
             </div>
-            <div className="flex justify-center items-center mt-10">
-              <div className="calendarebg bg-white drop-shadow-md">
+            <div className="flex justify-center items-center ">
+              <div className="calendarebg bg-white drop-shadow-md ">
                 <Calendar
                   values={values}
                   until={until}