This is an automated email from the ASF dual-hosted git repository.
djwang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudberry-site.git
The following commit(s) were added to refs/heads/main by this push:
new 50318d25 fix: community ui style
50318d25 is described below
commit 50318d2534d16ec2741dfb74a21a282ef611778d
Author: vitalzf <[email protected]>
AuthorDate: Tue Dec 10 18:56:11 2024 +0800
fix: community ui style
---
src/consts/community.tsx | 19 +++++++++----------
src/css/pages/community.module.scss | 8 +++-----
static/img/community/mailing-lists.svg | 3 +++
3 files changed, 15 insertions(+), 15 deletions(-)
diff --git a/src/consts/community.tsx b/src/consts/community.tsx
index a69d90f5..6ebc19c4 100644
--- a/src/consts/community.tsx
+++ b/src/consts/community.tsx
@@ -1,10 +1,11 @@
-import { formatStrHorizontalLine, isZhLangrage } from "../utils";
+import { formatStrHorizontalLine } from "../utils";
import EventsIcon from "/img/community/events.svg";
import ForDevIcon from "/img/community/for-dev.svg";
import ReportBugsIcon from "/img/community/report-bugs.svg";
import ShareNewIdeasIcon from "/img/community/share-new-ideas.svg";
import SlackIcon from "/img/community/slack.svg";
import WechatIcon from "/img/community/wechat.svg";
+import MailingLists from '/img/community/mailing-lists.svg'
interface CommunityPageConfig {
headerCard: {
@@ -40,7 +41,7 @@ let COMMUNITY_PAGE: CommunityPageConfig = {
title: "Get Involved",
cardLines: [
{
- style: { height: 216 },
+ style: {},
cards: [
{
icon: <SlackIcon fill="#fff" />,
@@ -69,11 +70,6 @@ let COMMUNITY_PAGE: CommunityPageConfig = {
href: "/community/events",
},
},
- ],
- },
- {
- style: { height: 216 },
- cards: [
{
icon: <ReportBugsIcon fill={"#fff"} />,
title: "Report bugs",
@@ -105,7 +101,7 @@ let COMMUNITY_PAGE: CommunityPageConfig = {
},
},
{
- icon: <ShareNewIdeasIcon fill="#fff" />,
+ icon: <MailingLists fill="#fff" />,
title: "Mailing Lists",
content:
"Learn how to participate in Apache Cloudberry's community
through our mailing lists.",
@@ -171,7 +167,7 @@ let COMMUNITY_PAGE: CommunityPageConfig = {
],
},
{
- style: { height: 176 },
+ style: { height: 'auto',marginTop: 40 },
cards: [
{
title: "Announcements",
@@ -219,7 +215,10 @@ let COMMUNITY_PAGE: CommunityPageConfig = {
title: "Code of Conduct",
content:
"Work together to create an open, welcoming, diverse,
inclusive, and healthy space for everyone.",
- link: { text: "Learn more", href:
"https://www.apache.org/foundation/policies/conduct"; },
+ link: {
+ text: "Learn more",
+ href: "https://www.apache.org/foundation/policies/conduct";,
+ },
},
{
title: "Brand Guidelines",
diff --git a/src/css/pages/community.module.scss
b/src/css/pages/community.module.scss
index 85489a47..ae2cf52e 100644
--- a/src/css/pages/community.module.scss
+++ b/src/css/pages/community.module.scss
@@ -8,12 +8,10 @@
.leftContent {
padding-top: 68px;
.cardLine {
- display: flex;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
-
- &:last-child {
- margin-top: 40px;
- }
+ gap: 40px;
}
}
.rightContent {
diff --git a/static/img/community/mailing-lists.svg
b/static/img/community/mailing-lists.svg
new file mode 100644
index 00000000..8c6230f6
--- /dev/null
+++ b/static/img/community/mailing-lists.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="http://www.w3.org/2000/svg";>
+<path d="M5 8.5V6.9934C5 6.44476 5.45531 6 5.9918 6H24.0082C24.556 6 25
6.44495 25 6.9934V23.0066C25 23.5552 24.5447 24 24.0082 24H5.9918C5.44405 24 5
23.5551 5 23.0066V22H23V10.3L15 17.5L5 8.5ZM3 13H8V15H3V13ZM3 18H11V20H3V18Z"
fill="none"/>
+</svg>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
