From ad090d52d7935ef5fb1d4842dd0d86d175a68562 Mon Sep 17 00:00:00 2001
From: Sudarshan Sreeram <sudarshan.sreeram19@imperial.ac.uk>
Date: Sat, 5 Sep 2020 16:51:36 +0530
Subject: [PATCH] Add dark mode support for tutor card group title
---
.../molecules/TutorCardGroup/index.tsx | 5 ++--
.../TutorCardGroup/style.module.scss | 24 ++-----------------
2 files changed, 5 insertions(+), 24 deletions(-)
diff --git a/src/components/molecules/TutorCardGroup/index.tsx b/src/components/molecules/TutorCardGroup/index.tsx
index ba1278710..86dd92c7f 100644
--- a/src/components/molecules/TutorCardGroup/index.tsx
+++ b/src/components/molecules/TutorCardGroup/index.tsx
@@ -2,6 +2,7 @@ import React from "react";
import TutorCard from "components/atoms/TutorCard";
import Col from "react-bootstrap/Col";
import Row from "react-bootstrap/esm/Row";
+import styles from "./style.module.scss";
export interface TutorCardGroupProps {
title: string;
@@ -30,10 +31,10 @@ const TutorCardGroup: React.FC<TutorCardGroupProps> = ({title
return (
<>
- <h4>{title}</h4>
+ <h4 className={styles.groupTitle}>{title}</h4>
<Row>{tutorCards}</Row>
</>
);
};
-export default TutorCardGroup;
\ No newline at end of file
+export default TutorCardGroup;
diff --git a/src/components/molecules/TutorCardGroup/style.module.scss b/src/components/molecules/TutorCardGroup/style.module.scss
index 4d2b6848d..a0ca96798 100644
--- a/src/components/molecules/TutorCardGroup/style.module.scss
+++ b/src/components/molecules/TutorCardGroup/style.module.scss
@@ -1,26 +1,6 @@
@import "assets/scss/custom";
-.tutorImage {
- border-radius: 50%;
- margin-right: 1.25rem;
-}
-
-.tutorName,
-.tutorEmail,
-.tutorAddress {
- font-size: 1.125rem;
+.groupTitle {
+ color: var(--primary-text-color);
margin-bottom: 0rem;
- line-height: 1.5rem !important;
-}
-
-.tutorName {
- color: $blue-500;
-}
-
-.tutorEmail {
- color: var(--secondary-text-color);
-}
-
-.tutorAddress {
- color: var(--tertiary-text-color);
}
--
GitLab