@@ -176,13 +176,13 @@ import ExtLink from '@/components/core/links/ExtLink.vue'
import IntroImg1 from '@/static/img/about/code-of-conduct/Intro-1.png'
import IntroImg2 from '@/static/img/about/code-of-conduct/Intro-2.png'
import IntroImg3 from '@/static/img/about/code-of-conduct/Intro-3.png'
-import Icon1 from '@/static/img/about/code-of-conduct/Icon-1.png'
-import Icon2 from '@/static/img/about/code-of-conduct/Icon-2.png'
-import Icon3 from '@/static/img/about/code-of-conduct/Icon-3.png'
-import ProcedureZh from '@/static/img/about/code-of-conduct/procedure-zh.png'
-import ProcedureZhRwd from '@/static/img/about/code-of-conduct/procedure-zh-rwd.png'
-import ProcedureEn from '@/static/img/about/code-of-conduct/procedure-en.png'
-import ProcedureEnRwd from '@/static/img/about/code-of-conduct/procedure-en-rwd.png'
+import Icon1 from '@/static/img/about/code-of-conduct/Icon-1.svg'
+import Icon2 from '@/static/img/about/code-of-conduct/Icon-2.svg'
+import Icon3 from '@/static/img/about/code-of-conduct/Icon-3.svg'
+import ProcedureZh from '@/static/img/about/code-of-conduct/procedure-zh.svg'
+import ProcedureZhRwd from '@/static/img/about/code-of-conduct/procedure-zh-rwd.svg'
+import ProcedureEn from '@/static/img/about/code-of-conduct/procedure-en.svg'
+import ProcedureEnRwd from '@/static/img/about/code-of-conduct/procedure-en-rwd.svg'
import TwoColWrapper from '@/components/core/layout/TwoColWrapper'
export default {
@@ -209,8 +209,6 @@ export default {
bannerStyle() {
return {
'background-image': `url(${this.aboutBanner})`,
- 'background-repeat': 'no-repeat',
- 'background-position': 'center',
}
},
sub2Imgs() {
@@ -225,8 +223,6 @@ export default {
getImgStyle(img) {
return {
'background-image': `url(${img})`,
- 'border-radius': '5%',
- 'background-size': 'cover',
}
},
getSub1Style(img) {
@@ -237,7 +233,6 @@ export default {
getSub2Style(img) {
return {
'background-image': `url(${img})`,
- 'background-position': 'center',
}
},
},
@@ -298,7 +293,7 @@ export default {
}
.sub2_img {
- @apply mx-2 my-2 hidden bg-no-repeat md:mx-5;
+ @apply mx-2 my-2 hidden bg-center bg-no-repeat md:mx-5;
width: 30rem;
height: 40rem;
}
From 45b111716401a812faa931229a269b71fe4341f6 Mon Sep 17 00:00:00 2001
From: foxlee2525 <140967832+foxlee2525@users.noreply.github.com>
Date: Wed, 7 Aug 2024 15:59:10 +0800
Subject: [PATCH 3/3] fix(about/coc): fix responsive breakpoint for two-column
layout
Fixed the issue where the grid layout did not activate at the intended screen size.
---
components/core/layout/TwoColWrapper.vue | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/core/layout/TwoColWrapper.vue b/components/core/layout/TwoColWrapper.vue
index 0ecf043b23..e86c91efd5 100644
--- a/components/core/layout/TwoColWrapper.vue
+++ b/components/core/layout/TwoColWrapper.vue
@@ -19,7 +19,7 @@ export default {