fix: home cloudnative logo overflow

clusterpedia-io · Sep 28, 2023 · 10fb59c · 10fb59c
1 parent e627031
commit 10fb59c
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 %}}