fix: Fix en ui bug

Signed-off-by: lannyfu <lannyfu@kubesphere.io>

assets/scss/index.scss

@@ -260,6 +260,10 @@
   background-repeat: no-repeat;
   background-image: url("/images/home/4.png");
   z-index: 2;
+  &.en {
+    height: 3619px;
+    background-image: url("/images/home/4-en.png");
+  }
 
   .title-black-h2 {
     margin-top: 107px;
@@ -316,6 +320,10 @@
   height: 1778px;
   background-image: url("/images/home/8.png");
   margin-top: -308px;
+  &.en {
+    height: 1706px;
+    background-image: url("/images/home/8.png");
+  }
 }
 .tabs {
   position: relative;

layouts/_default/features.html

@@ -13,7 +13,7 @@
       {{range .children}}
       <li>
         <img src="{{ .icon }}" alt="{{ .name }}">
-        <h3 class="title-black-h3 ">{{ .name | safeHTML }}</h3>
+        <h3 class="title">{{ .name | safeHTML }}</h3>
         <p class="conetnt">{{ .content | safeHTML }}</p>
         {{if eq .label "extension"}}
         <p class="label label-green">{{ i18n "Extension" }}</p>

layouts/index.html

@@ -52,7 +52,7 @@
     {{ end }}
   </div>
   <div class="content-section active ">
-    <section class="section-2">
+    <section class="section-2 {{ $language }}">
       {{ with .Params.section2 }}
       <div class="common-layout">
         <h2 class="title-black-h2">{{ .title | safeHTML }}</h2>
@@ -119,7 +119,7 @@
     </section>
   </div>
   <div class="content-section ">
-    <section class="section-2 section-8">
+    <section class="section-2 section-8 {{ $language }}">
       {{ with .Params.section8 }}
       <div class="common-layout">
         <h2 class="title-black-h2">{{ .title | safeHTML }}</h2>