From 64d213a6a623cb37da9d5e974b57e445a5171dfc Mon Sep 17 00:00:00 2001
From: Kriszu <39726513+wangsizhu0504@users.noreply.github.com>
Date: Mon, 20 Nov 2023 21:57:13 +0800
Subject: [PATCH] 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 5b19eab2c..bb833807d 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 6ac31d2af..e27680a57 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;