Merge pull request #81 from LittleSound/fix/home-cloudnative-logo-ove…

…rflow fix: home cloudnative logo overflow
clusterpedia-io · Oct 8, 2023 · 50ac12b · 50ac12b
2 parents e627031 + f67d2e1
commit 50ac12b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
@@ -15,3 +15,8 @@ Add styles or override variables from the theme here.
     border-width: 0;
     padding: 0.5em;
 }
+
+.home-cloudnative-logo {
+  width: 100%;
+  max-width: 600px;
+}
diff --git a/content/en/_index.html b/content/en/_index.html
@@ -84,5 +84,5 @@ <h1> Support complex search </h1>
 {{< blocks/lead color="300" >}}
 <b>Clusterpedia is a <a href="https://www.cncf.io">Cloud Native Computing Foundation</a> sandbox project</b> <br />
 <br />
-<img src="https://landscape.cncf.io/images/right-logo.svg" width="600"/>
+<img src="https://landscape.cncf.io/images/right-logo.svg" class="home-cloudnative-logo"/>
 {{% /blocks/lead %}}
diff --git a/content/zh/_index.html b/content/zh/_index.html
@@ -81,5 +81,5 @@ <h1> 强大的检索条件支持 </h1>
 {{< blocks/lead color="300" >}}
 <b>Clusterpedia is a <a href="https://www.cncf.io">Cloud Native Computing Foundation</a> sandbox project</b> <br />
 <br />
-<img src="https://landscape.cncf.io/images/right-logo.svg" width="600"/>
+<img src="https://landscape.cncf.io/images/right-logo.svg" class="home-cloudnative-logo" />
 {{% /blocks/lead %}}