diff options
| author | crupest <crupest@outlook.com> | 2021-05-17 20:47:14 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-05-17 20:47:14 +0800 |
| commit | 8f6ec55a827c2ebbacd23cedc0b2d674be052106 (patch) | |
| tree | 0743da06e4256ef436fdc51d03c3fcca187c69a8 | |
| parent | 7bcea78abbef988afa5f817566d12aef9dd8f37f (diff) | |
| download | timeline-8f6ec55a827c2ebbacd23cedc0b2d674be052106.tar.gz timeline-8f6ec55a827c2ebbacd23cedc0b2d674be052106.tar.bz2 timeline-8f6ec55a827c2ebbacd23cedc0b2d674be052106.zip | |
feat: Card title color is now theme color.
| -rw-r--r-- | FrontEnd/src/app/index.sass | 3 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline/TimelineCard.tsx | 2 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/user/UserCard.tsx | 2 |
3 files changed, 5 insertions, 2 deletions
diff --git a/FrontEnd/src/app/index.sass b/FrontEnd/src/app/index.sass index 348219eb..3db622f7 100644 --- a/FrontEnd/src/app/index.sass +++ b/FrontEnd/src/app/index.sass @@ -15,6 +15,9 @@ @import './views/admin/admin'
+.tl-color-primary
+ color: var(--tl-primary-color)
+
small
line-height: 1.2
diff --git a/FrontEnd/src/app/views/timeline/TimelineCard.tsx b/FrontEnd/src/app/views/timeline/TimelineCard.tsx index 0cb908cc..317eedd0 100644 --- a/FrontEnd/src/app/views/timeline/TimelineCard.tsx +++ b/FrontEnd/src/app/views/timeline/TimelineCard.tsx @@ -17,7 +17,7 @@ const TimelineCard: React.FC<TimelinePageCardProps> = (props) => { <TimelinePageCardTemplate infoArea={ <> - <h3 className="text-primary d-inline-block align-middle"> + <h3 className="tl-color-primary d-inline-block align-middle"> {timeline.title} <small className="ms-3 text-secondary">{timeline.name}</small> </h3> diff --git a/FrontEnd/src/app/views/user/UserCard.tsx b/FrontEnd/src/app/views/user/UserCard.tsx index df332706..4b8a401a 100644 --- a/FrontEnd/src/app/views/user/UserCard.tsx +++ b/FrontEnd/src/app/views/user/UserCard.tsx @@ -15,7 +15,7 @@ const UserCard: React.FC<TimelinePageCardProps> = (props) => { <TimelinePageCardTemplate infoArea={ <> - <h3 className="text-primary d-inline-block align-middle"> + <h3 className="tl-color-primary d-inline-block align-middle"> {timeline.title} <small className="ms-3 text-secondary">{timeline.name}</small> </h3> |