set the new UI

nmewada01 · Jan 2, 2023 · ef811cd · ef811cd
1 parent 87a69a6
commit ef811cd
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -6,6 +6,10 @@
       rel="icon"
       href="https://img.icons8.com/fluency/2x/microsoft-todo-2019.png"
     />
+    <link
+    href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
+    rel="stylesheet"
+  />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta

diff --git a/src/App.css b/src/App.css
@@ -1,3 +1,7 @@
+* {
+  font-family: "Poppins", sans-serif;
+}
+
 .App {
   text-align: center;
 }

diff --git a/src/Components/TaskCard.jsx b/src/Components/TaskCard.jsx
@@ -46,6 +46,7 @@ const TaskCard = ({ id, title, description, tags, subTasks, colorScheme }) => {
       boxShadow="0px 10px 15px -3px rgba(0,0,0,0.1)"
       margin="0.5rem auto 1rem"
       padding="10px"
+      borderTop={"1px solid grey"}
     >
       <Flex justifyContent="space-between">
         <Text>{title}</Text>

diff --git a/src/Pages/Homepage.jsx b/src/Pages/Homepage.jsx
@@ -38,7 +38,7 @@ const Homepage = () => {
   }, [dispatch, tasks.length]);
 
   return (
-    <Box width="100%" paddingTop="1rem" bg={"#436c89"}>
+    <Box width="100%" paddingTop="1rem" bg={"#4e4b58"}>
       <Flex justifyContent="space-around">
         {/* Todo */}
         <Box