fix: transparencies on home page

GenerateNU · Apr 19, 2024 · 53c1628 · 53c1628
1 parent 7dc08ff
commit 53c1628
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/client/components/home/TaskList.tsx b/client/components/home/TaskList.tsx
@@ -18,7 +18,7 @@ export function TaskList() {
   const navigation = useNavigation<AppStackNavigation>();
 
   return (
-    <View className="mt-10 overflow-hidden rounded-lg border border-carewallet-blue/10">
+    <View className="mt-10 overflow-hidden rounded-lg border border-carewallet-blue/10 bg-carewallet-white">
       <View
         className="flex flex-row items-center overflow-hidden bg-carewallet-blue/10"
         onTouchEnd={() => {

diff --git a/client/screens/Home.tsx b/client/screens/Home.tsx
@@ -17,21 +17,25 @@ export default function Home() {
         <Header user={user} />
         <TaskList />
       </View>
-      <View className="mx-auto mt-5 h-[20vh] w-[90vw] rounded-lg border border-carewallet-blue/10 bg-carewallet-blue/10">
-        <Text className="ml-5 mt-5 font-carewallet-montserrat-bold text-base">
-          Health Overview
-        </Text>
-        <Text className="my-auto text-center">
-          There are no health stats to view.
-        </Text>
-      </View>
-      <View className="mx-auto mt-10 w-[90vw] overflow-hidden rounded-lg border border-carewallet-blue/10">
-        <View className="h-10 items-center justify-center">
-          <Text className="ml-2 font-carewallet-manrope text-sm">
-            You have no recent notifications.
+      <View className="mx-auto mt-5 h-[20vh] w-[90vw] bg-carewallet-white">
+        <View className="mx-auto h-[20vh] w-[90vw] rounded-lg border border-carewallet-blue/10 bg-carewallet-blue/10">
+          <Text className="ml-5 mt-5 font-carewallet-montserrat-bold text-base">
+            Health Overview
+          </Text>
+          <Text className="my-auto text-center">
+            There are no health stats to view.
           </Text>
         </View>
       </View>
+      <View className="mx-auto mt-2 w-[90vw] bg-carewallet-white">
+        <View className="w-[90vw] overflow-hidden rounded-lg border border-carewallet-blue/10">
+          <View className="h-10 items-center justify-center">
+            <Text className="ml-2 font-carewallet-manrope text-sm">
+              You have no recent notifications.
+            </Text>
+          </View>
+        </View>
+      </View>
     </MainLayout>
   );
 }