aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/views/about
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2023-01-07 17:11:44 +0800
committercrupest <crupest@outlook.com>2023-01-07 17:11:44 +0800
commit64e6e69579a6bd3bbde2afd3ab5a9bbb2d2de36b (patch)
treea431500e978ba74d693ce23be96ae98f289345ba /FrontEnd/src/views/about
parente092277ac4ddbed158d2640bbf79c9f9c70597cb (diff)
downloadtimeline-64e6e69579a6bd3bbde2afd3ab5a9bbb2d2de36b.tar.gz
timeline-64e6e69579a6bd3bbde2afd3ab5a9bbb2d2de36b.tar.bz2
timeline-64e6e69579a6bd3bbde2afd3ab5a9bbb2d2de36b.zip
Fix about page layout.
Diffstat (limited to 'FrontEnd/src/views/about')
-rw-r--r--FrontEnd/src/views/about/index.tsx22
1 files changed, 10 insertions, 12 deletions
diff --git a/FrontEnd/src/views/about/index.tsx b/FrontEnd/src/views/about/index.tsx
index 796d1d23..c7c225b8 100644
--- a/FrontEnd/src/views/about/index.tsx
+++ b/FrontEnd/src/views/about/index.tsx
@@ -65,21 +65,19 @@ const AboutPage: React.FC = () => {
<Card className="container mt-4 py-3">
<h4 id="author-info">{t("about.author.title")}</h4>
<div>
- <div className="d-flex">
+ <div className="d-block">
<img
src={authorAvatarUrl}
- className="align-self-start cru-avatar large cru-round"
+ className="cru-avatar large cru-round cru-float-left"
/>
- <div>
- <p>
- <small>{t("about.author.name")}</small>
- <span className="cru-color-primary">crupest</span>
- </p>
- <p>
- <small>{t("about.author.introduction")}</small>
- {t("about.author.introductionContent")}
- </p>
- </div>
+ <p>
+ <small>{t("about.author.name")}</small>
+ <span className="cru-color-primary">crupest</span>
+ </p>
+ <p>
+ <small>{t("about.author.introduction")}</small>
+ {t("about.author.introductionContent")}
+ </p>
</div>
<p>
<small>{t("about.author.links")}</small>