From b72522e47f810465b6351ec29a5dc32e49a5d86b Mon Sep 17 00:00:00 2001
From: Xingan Zhao <2081098605@qq.com>
Date: Sun, 29 Sep 2024 15:13:08 +0800
Subject: [PATCH] fix:team
---
src/containers/App/App.css | 7 +++++++
src/contents/team.tsx | 4 ++--
2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 5b6e691..87f5407 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -418,6 +418,13 @@ footer a:hover {
justify-content: center;
}
+.sticky-font {
+ font-size: 1.3vh !important;
+}
+.sticky-title {
+ font-size: 3vh !important;
+}
+
.sticky-words {
font-size: large;
/* display: flex;
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index c98233d..a3bb585 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -46,9 +46,9 @@ const Card: React.FC<CardProps> = ({ image1, image2, title1, description1, id,
const StickyImageContainer: React.FC<{ image: string ,words: string ,names: string}> = ({ image,words,names }) => {
return (
<div className="sticky-container" >
- <h3 className='center-text'>â{names}â</h3>
+ <h3 className='sticky-title center-text'>â{names}â</h3>
<img src={image} alt="Sticky" className='sticky-img' />
- <p className='sticky-words sticky-description indent'>{words}</p>
+ <p className='sticky-font sticky-description indent'>{words}</p>
</div>
);
};
--
GitLab