From 86b25f78f089ec90a601a9a74c0ff13fb5e6edee Mon Sep 17 00:00:00 2001 From: tthaogege <942519762@qq.com> Date: Mon, 6 Sep 2021 16:31:23 +0800 Subject: [PATCH 1/2] current working on aligne --- src/pages/styles.module.css | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css index 5f569565..6e33c72d 100644 --- a/src/pages/styles.module.css +++ b/src/pages/styles.module.css @@ -118,9 +118,7 @@ margin-bottom: 60px; line-height: 3.25rem; padding-right: 2px; - font-size: 2.25rem; - background-image: url('/img/underline1.svg'); background-repeat: no-repeat; background-position: right bottom; @@ -142,6 +140,9 @@ .projectsContent > div > img, .projectsContent > div > p { margin-bottom: 32px; } +.projectsContent > div > p { + min-height: 60px; +} .projectsContent h2 { margin-bottom: 20px; @@ -149,12 +150,13 @@ .projectsContent ul { flex-grow: 1; - + width: 95%; display: inline-block; text-align: left; } .projectsContent ul li { + min-height: 70px; margin-bottom: 24px; } @@ -184,6 +186,15 @@ .introductionContent, .projects, .projectsContent { display: block; } + .projectsContent ul { + width: 60%; + } + .projectsContent ul li { + min-height: 30px; + } + .projectsContent > div > p { + min-height: 30px; + } .introductionContent > div { margin-bottom: 1rem; From 17f82baa4141d04d54f3338c9de44c6bddc7e6b5 Mon Sep 17 00:00:00 2001 From: tthaogege <942519762@qq.com> Date: Mon, 6 Sep 2021 17:10:01 +0800 Subject: [PATCH 2/2] home page: small screen spacing --- i18n/en-US/code.json | 6 +++--- i18n/zh-CN/code.json | 6 +++--- src/pages/styles.module.css | 9 +++++++++ 3 files changed, 15 insertions(+), 6 deletions(-) diff --git a/i18n/en-US/code.json b/i18n/en-US/code.json index 96077e85..e4ee294a 100644 --- a/i18n/en-US/code.json +++ b/i18n/en-US/code.json @@ -242,7 +242,7 @@ "message": "Current Working On" }, "go storage description": { - "message": "A Golang storage abstraction which beyond the existing storage services." + "message": "A Golang storage abstraction which beyond the existing storage services" }, "go storage article one": { "message": "Production ready: well designed strong typed API, continuously increasing testing" @@ -254,7 +254,7 @@ "message": "Vendor agnostic: support services ranging from s3, gcs, azblob to onedrive, ipfs" }, "dm description": { - "message": "Neutral data migration services." + "message": "Neutral data migration services" }, "dm article one": { "message": "BeyondStorage's go-storage powered high performance backend" @@ -273,4 +273,4 @@ "message": "On this page", "description": "The label used by the button on the collapsible TOC component" } -} \ No newline at end of file +} diff --git a/i18n/zh-CN/code.json b/i18n/zh-CN/code.json index 8a7d794b..716b5c0b 100644 --- a/i18n/zh-CN/code.json +++ b/i18n/zh-CN/code.json @@ -242,7 +242,7 @@ "message": "Current Working On" }, "go storage description": { - "message": "A Golang storage abstraction which beyond the existing storage services." + "message": "A Golang storage abstraction which beyond the existing storage services" }, "go storage article one": { "message": "Production ready: well designed strong typed API, continuously increasing testing" @@ -254,7 +254,7 @@ "message": "Vendor agnostic: support services ranging from s3, gcs, azblob to onedrive, ipfs" }, "dm description": { - "message": "Neutral data migration services." + "message": "Neutral data migration services" }, "dm article one": { "message": "BeyondStorage's go-storage powered high performance backend" @@ -273,4 +273,4 @@ "message": "On this page", "description": "The label used by the button on the collapsible TOC component" } -} \ No newline at end of file +} diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css index 6e33c72d..bcf53bf2 100644 --- a/src/pages/styles.module.css +++ b/src/pages/styles.module.css @@ -195,8 +195,17 @@ .projectsContent > div > p { min-height: 30px; } + .projectsContent a { + margin-bottom: 3.75rem; + } .introductionContent > div { margin-bottom: 1rem; } } + +@media (max-width: 440px) { + .projectsContent ul { + width: 80%; + } +}