From 10fb59c24614e310b6996240ca03b53025a3a79f Mon Sep 17 00:00:00 2001
From: LittleSound <rizumu@ayaka.moe>
Date: Thu, 28 Sep 2023 16:38:10 +0800
Subject: [PATCH] fix: home cloudnative logo overflow

---
 assets/scss/_variables_project.scss | 5 +++++
 content/en/_index.html              | 2 +-
 content/zh/_index.html              | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 268d4b21..78845b62 100644
--- 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
index 3c3cac04..e754980a 100644
--- 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
index 3b8bdb51..c8452bcc 100644
--- 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 %}}