You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@inlong.apache.org by lz...@apache.org on 2023/01/12 10:53:15 UTC
[inlong-website] branch master updated: [INLONG-673] Download page style optimization (#674)
This is an automated email from the ASF dual-hosted git repository.
lzwang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/inlong-website.git
The following commit(s) were added to refs/heads/master by this push:
new 25d59bcf87 [INLONG-673] Download page style optimization (#674)
25d59bcf87 is described below
commit 25d59bcf87db687b0a3e97241c7fa6c561233ada
Author: Lizhen <88...@users.noreply.github.com>
AuthorDate: Thu Jan 12 18:53:10 2023 +0800
[INLONG-673] Download page style optimization (#674)
---
src/pages/downloads/download.module.less | 18 +++++++++++++-----
src/pages/downloads/index.js | 4 ++--
2 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/src/pages/downloads/download.module.less b/src/pages/downloads/download.module.less
index 051ce792dd..7ca83fb469 100644
--- a/src/pages/downloads/download.module.less
+++ b/src/pages/downloads/download.module.less
@@ -4,18 +4,26 @@
}
.cardDiv {
float: left;
- column-count: 3;
- height: auto;
- margin-top: 15px;
+ box-sizing: border-box;
+ position: relative;
+ margin: 0 auto;
}
.card{
+ width: 30%;
border-radius: 0.75rem;
flex-direction: column;
border: 1px solid #eee;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
padding: 2rem;
- margin-bottom: 3rem;
- height: 360px;
+ margin-bottom: 4rem;
+ height: 390px;
+ float: left;
+ @media (max-width: 1800px) {
+ height: 470px;
+ }
+ @media (max-width: 1500px) {
+ height: auto;
+ }
}
.leftSide{
diff --git a/src/pages/downloads/index.js b/src/pages/downloads/index.js
index 533519391b..badff0f233 100644
--- a/src/pages/downloads/index.js
+++ b/src/pages/downloads/index.js
@@ -45,7 +45,7 @@ export default function() {
</div>
</div>
- <div className={styles.card}>
+ <div className={styles.card} style={{ marginLeft: 30}}>
<div className={styles.leftSide}>
<div className={styles.title}>InLong Binary file</div>
<div className={styles.description}>The InLong binary can be downloaded here</div>
@@ -71,7 +71,7 @@ export default function() {
</div>
</div>
</div>
- <div className={styles.card}>
+ <div className={styles.card} style={{ marginLeft: 30}}>
<div className={styles.leftSide}>
<div className={styles.title}>Connector Binary file</div>
<div className={styles.description}>Here you can download files to InLong connector binaries</div>