(incubator-streampark-website) branch dev updated: fix: hero style (#294)

[benjobs]

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

benjobs pushed a commit to branch dev
in repository 
https://gitbox.apache.org/repos/asf/incubator-streampark-website.git


The following commit(s) were added to refs/heads/dev by this push:
     new 64d213a6 fix: hero style (#294)
64d213a6 is described below

commit 64d213a6a623cb37da9d5e974b57e445a5171dfc
Author: Kriszu <39726513+wangsizhu0...@users.noreply.github.com>
AuthorDate: Mon Nov 20 21:57:13 2023 +0800

    fix: hero style (#294)
---
 src/pages/home/hero.jsx   |  2 +-
 src/pages/home/index.less | 37 +++++++++++++++++++++++++++++++++++--
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/pages/home/hero.jsx b/src/pages/home/hero.jsx
index 5b19eab2..bb833807 100644
--- a/src/pages/home/hero.jsx
+++ b/src/pages/home/hero.jsx
@@ -22,7 +22,7 @@ export default function () {
         <div className="overlay opacity-90 z-index-n1"></div>
         <div className="container-fluid px-7 pb-2 cover-container">
           <div className="row justify-content-center">
-            <div className="col-md-6  col-8 align-self-center pe-5" 
data-aos="fade-right">
+            <div className="col-md-6 col-8 align-self-center pe-0" 
data-aos="fade-right">
               <div className="text-start mt-0">
                 <div className="mb-5 system_info pt-0">
                   <div className=" fw-bold mb-3">
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index 6ac31d2a..e27680a5 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -1687,6 +1687,38 @@ hr {
   color: #5e44ee;
 }
 
+@media (min-width: 576px) {
+
+  .system_info .project_title {
+    font-size: 3rem;
+  }
+}
+
+@media (min-width: 768px) {
+
+  .system_info .project_title {
+    font-size: 3.5rem;
+  }
+}
+
+@media (min-width: 992px) {
+  .system_info .project_title {
+    font-size: 3.5rem;
+  }
+}
+
+@media (min-width: 1200px) {
+  .system_info .project_title {
+    font-size: 4rem;
+  }
+}
+
+@media (min-width: 1400px) {
+  .system_info .project_title {
+    font-size: 4.5rem;
+  }
+}
+
 .system_info h5 {
   font-weight: 500;
   font-size: 1.1rem;
@@ -2011,11 +2043,12 @@ hr {
     background-color: #141618;
     border: 1px solid #333;
   }
+
   .incubating {
-    background-color: hsla(0,0%,100%,.15);
+    background-color: hsla(0, 0%, 100%, .15);
 
     &:hover {
-      background-color: hsla(0,0%,100%,.25);
+      background-color: hsla(0, 0%, 100%, .25);
     }
 
     color: #fff;