feat: change Colours

CODE-73 · Dec 28, 2023 · 96cc6fa · 96cc6fa
1 parent 6fd83cf
commit 96cc6fa
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/audire/audire-mobile-app/src/modules/course-stage/subject-card/SubjectCard.tsx b/audire/audire-mobile-app/src/modules/course-stage/subject-card/SubjectCard.tsx
@@ -16,16 +16,16 @@ const SubjectCard: FC<SubjectCardProps> = ({ subject, href, description }) => {
     <Box
       display="flex"
       w="$full"
-      h="$20"
       borderColor="$black"
       borderRadius="$sm"
-      my="$1"
+      my="$1.5"
       backgroundColor="$white"
       overflow="hidden"
       shadowColor="$black"
       shadowOffset={{ width: 1, height: 2 }}
       shadowOpacity={0.5}
       shadowRadius={5}
+      bgColor="#e5e5e5"
     >
       <Link href={href} asChild>
         <TouchableOpacity>

diff --git a/audire/audire-mobile-app/src/modules/course-subject/topic-card/TopicCard.tsx b/audire/audire-mobile-app/src/modules/course-subject/topic-card/TopicCard.tsx
@@ -18,13 +18,14 @@ const TopicCard: FC<TopicCardProps> = ({ topic, href, description }) => {
       w="$full"
       borderColor="$black"
       borderRadius="$sm"
-      my="$1"
+      my="$1.5"
       backgroundColor="$white"
       overflow="hidden"
       shadowColor="$black"
       shadowOffset={{ width: 1, height: 2 }}
       shadowOpacity={0.5}
       shadowRadius={5}
+      bgColor="#e5e5e5"
     >
       <Link href={href} asChild>
         <TouchableOpacity>

diff --git a/audire/audire-mobile-app/src/modules/footer/HomeFooterView.tsx b/audire/audire-mobile-app/src/modules/footer/HomeFooterView.tsx
@@ -21,17 +21,16 @@ const HomeFooterView = () => {
   return (
     <Box
       borderRadius="$2xl"
-      borderColor="black"
-      borderWidth={1}
       position="absolute"
       w="$full"
       bottom="$0"
       display="flex"
       flexDirection="row"
       justifyContent="space-between"
-      bg="#e5e5e5"
+      bg="#D6A8D4"
       px="$10"
       py="$5"
+      alignItems="center"
     >
       {footer.map((footer) => (
         <Link key={footer.name} href={footer.link} asChild>

diff --git a/audire/audire-mobile-app/src/modules/profile/CourseSelectionView.tsx b/audire/audire-mobile-app/src/modules/profile/CourseSelectionView.tsx
@@ -54,13 +54,14 @@ const CourseSelectionView = () => {
             key={course.id}
             borderColor="$black"
             borderRadius="$sm"
-            my="$1"
+            my="$1.5"
             backgroundColor="$white"
             overflow="hidden"
             shadowColor="$black"
             shadowOffset={{ width: 1, height: 2 }}
             shadowOpacity={0.5}
             shadowRadius={5}
+            bgColor="#e5e5e5"
           >
             <TouchableOpacity onPress={() => updateOptedCourse(course.id)}>
               <Box