You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@inlong.apache.org by do...@apache.org on 2021/11/19 04:10:44 UTC
[incubator-inlong-website] branch master updated: [INLONG-1809] Adjust the font style of the official home page (#189)
This is an automated email from the ASF dual-hosted git repository.
dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-inlong-website.git
The following commit(s) were added to refs/heads/master by this push:
new a279898 [INLONG-1809] Adjust the font style of the official home page (#189)
a279898 is described below
commit a2798984b9935937f0cf8b40fe0b3cab4d15e1a1
Author: lizhwang <88...@users.noreply.github.com>
AuthorDate: Fri Nov 19 12:10:37 2021 +0800
[INLONG-1809] Adjust the font style of the official home page (#189)
---
src/pages/Home/index.jsx | 6 +++---
src/pages/Home/index.less | 10 +++++++---
2 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/src/pages/Home/index.jsx b/src/pages/Home/index.jsx
index 54d1a16..db674ad 100644
--- a/src/pages/Home/index.jsx
+++ b/src/pages/Home/index.jsx
@@ -52,11 +52,11 @@ export default function() {
<div className="product-desc2">
<div>{dataSource.brand.features[0]}</div>
<div className="split"></div>
- <div>{dataSource.brand.features[1]}</div>
+ <div className="dist">{dataSource.brand.features[1]}</div>
<div className="split"></div>
- <div>{dataSource.brand.features[2]}</div>
+ <div className="dist">{dataSource.brand.features[2]}</div>
<div className="split"></div>
- <div>{dataSource.brand.features[3]}</div>
+ <div className="dist">{dataSource.brand.features[3]}</div>
</div>
<p className="product-desc">{dataSource.brand.briefIntroduction}</p>
<div className="button-area">
diff --git a/src/pages/Home/index.less b/src/pages/Home/index.less
index 1277861..1d34025 100644
--- a/src/pages/Home/index.less
+++ b/src/pages/Home/index.less
@@ -22,8 +22,8 @@
background-position: bottom;
.vertical-middle {
position: absolute;
- left: 18%;
- top: 18%;
+ left: 15%;
+ top: 13%;
box-sizing: border-box;
padding: 0 20px;
}
@@ -67,10 +67,14 @@
width: 1px;
background: #5494FF;
height: 34px;
+ margin-left: 10px;
+ }
+ .dist {
+ margin-left: 10px;
}
}
.product-desc {
- width: 500px;
+ width: 550px;
font-family: HelveticaNeue-Medium;
color: rgba(0,0,0,0.85);
opacity: 0.6;