This is an automated email from the ASF dual-hosted git repository.

haonan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/iotdb.git


The following commit(s) were added to refs/heads/master by this push:
     new 9a1bc7ccaf [IOTDB-3128] Homepage does not work well on mobile (#5975)
9a1bc7ccaf is described below

commit 9a1bc7ccaf4b36cd89813182ae121f7afbbf2b9c
Author: Jack Tsai <[email protected]>
AuthorDate: Sun May 22 10:35:51 2022 +0800

    [IOTDB-3128] Homepage does not work well on mobile (#5975)
    
    Co-authored-by: tsunghanjacktsai <[email protected]>
---
 .../.vuepress/theme/global-components/IoTDB.vue    | 72 +++++++++++-----------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/site/src/main/.vuepress/theme/global-components/IoTDB.vue 
b/site/src/main/.vuepress/theme/global-components/IoTDB.vue
index 2e33121356..2eeb963ad8 100644
--- a/site/src/main/.vuepress/theme/global-components/IoTDB.vue
+++ b/site/src/main/.vuepress/theme/global-components/IoTDB.vue
@@ -19,41 +19,32 @@
 <template >
   <div style="background:linear-gradient(top,#A2A2A2,#fff);">
     
-    <div style="width:100%;margin: 0 auto;position: 
relative;height:480px;text-align:center;">
-      <h2 class="h2">Apache IoTDB</h2>
-      <p
-        style="font-size: 20px;line-height:23px;margin: 10px 0 20px 
0;font-family: 'Arimo', sans-serif;
-    text-transform: uppercase;
-    font-weight: 700;
-    letter-spacing: 0.03em;
-    color: #777;
-    text-align: center;"
-      >Database for Internet of Things</p>
-      <p style="font-size: 20px;margin: 50px 0 10px 
0;text-align:justify!important;">
-        Apache IoTDB (Database for Internet of Things) is an IoT native 
database with high performance
-        for data management and analysis, deployable on the edge and the 
cloud. Due to its light-weight architecture,
-        high performance and rich feature set together with its deep 
integration with Apache
-        Hadoop, Spark and Flink, Apache IoTDB can meet the requirements of 
massive
-        data storage, high-speed data ingestion and complex data analysis in 
the IoT
-        industrial fields.
-      </p>
-      <el-row style="margin-top:40px;text-align: center;">
-        <el-button
-          type="warning"
-          round
-          style="width:220px;
-    font-size: 18px;    letter-spacing: 0.03em;font-family: 'Arimo', 
sans-serif;"
-          @click="addRoutes1"
-        >Download</el-button>
-        <el-button
-          type="info"
-          round
-          style="width:220px;
-    font-size: 18px;    letter-spacing: 0.03em;font-family: 'Arimo', 
sans-serif;"
-          @click="addRoutes2"
-        >QuickStart</el-button>
-      </el-row>
-    </div>
+    <h2 class="h2">Apache IoTDB</h2>
+    <p class="project-name">Database for Internet of Things</p>
+    <p style="font-size: 20px;margin: 50px 0 10px 
0;text-align:justify!important;">
+      Apache IoTDB (Database for Internet of Things) is an IoT native database 
with high performance
+      for data management and analysis, deployable on the edge and the cloud. 
Due to its light-weight architecture,
+      high performance and rich feature set together with its deep integration 
with Apache
+      Hadoop, Spark and Flink, Apache IoTDB can meet the requirements of 
massive
+      data storage, high-speed data ingestion and complex data analysis in the 
IoT
+      industrial fields.
+    </p>
+    <el-row style="margin-top:40px;text-align: center;">
+      <el-button
+        type="warning"
+        round
+        style="width:220px;
+  font-size: 18px;    letter-spacing: 0.03em;font-family: 'Arimo', sans-serif;"
+        @click="addRoutes1"
+      >Download</el-button>
+      <el-button
+        type="info"
+        round
+        style="width:220px;
+  font-size: 18px;    letter-spacing: 0.03em;font-family: 'Arimo', sans-serif;"
+        @click="addRoutes2"
+      >QuickStart</el-button>
+    </el-row>
 
 
 
@@ -199,6 +190,17 @@ export default {
 
 <style scoped>
 
+  .project-name {
+    font-size: 20px;
+    line-height:23px;margin: 10px 0 20px 0;
+    font-family: 'Arimo', sans-serif;
+    text-transform: uppercase;
+    font-weight: 700;
+    letter-spacing: 0.03em;
+    color: #777;
+    text-align: center;
+  }
+
   .el-row {
     margin-bottom: 20px;
     height: 50px;

Reply via email to