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 254add6 fix: optimization of mobile blog style
254add6 is described below
commit 254add60bf2a5bfb8090b27229ab939e61258fd2
Author: vitalzf <[email protected]>
AuthorDate: Fri Nov 22 10:56:28 2024 +0800
fix: optimization of mobile blog style
---
src/theme/BlogLayout/styles.module.scss | 1 +
src/theme/BlogPostItem/Container/index.tsx | 3 +--
src/theme/BlogPostItem/index.tsx | 16 +++++++---------
src/theme/DocRoot/Layout/styles.module.scss | 6 ++++--
src/theme/Footer/styles.module.scss | 3 ---
5 files changed, 13 insertions(+), 16 deletions(-)
diff --git a/src/theme/BlogLayout/styles.module.scss
b/src/theme/BlogLayout/styles.module.scss
index 28886a3..31196a2 100644
--- a/src/theme/BlogLayout/styles.module.scss
+++ b/src/theme/BlogLayout/styles.module.scss
@@ -1,5 +1,6 @@
.main {
max-width: 896px;
+ width: 100%;
&.blogList {
.breadcrumbs {
diff --git a/src/theme/BlogPostItem/Container/index.tsx
b/src/theme/BlogPostItem/Container/index.tsx
index c399f98..4b28431 100644
--- a/src/theme/BlogPostItem/Container/index.tsx
+++ b/src/theme/BlogPostItem/Container/index.tsx
@@ -1,4 +1,3 @@
-import React from "react";
import { useBlogPost } from "@docusaurus/theme-common/internal";
import type { Props } from "@theme/BlogPostItem/Container";
export default function BlogPostItemContainer({
@@ -10,7 +9,7 @@ export default function BlogPostItemContainer({
<article
style={{
width: isBlogPostPage ? "auto" : 440,
- height: isBlogPostPage ? "auto" : 383,
+ height: isBlogPostPage ? "auto" : "auto",
}}
className={className}
itemProp="blogPost"
diff --git a/src/theme/BlogPostItem/index.tsx b/src/theme/BlogPostItem/index.tsx
index c90e45e..5fb68e7 100644
--- a/src/theme/BlogPostItem/index.tsx
+++ b/src/theme/BlogPostItem/index.tsx
@@ -3,21 +3,21 @@ import type { Props } from "@theme/BlogPostItem";
import BlogPostItemContainer from "./Container";
import BlogPostItemContent from "./Content";
-import BlogItemTitle from "./components/Title";
-import BlogItemTags from "./components/Tags";
+import BlogPostItemAuthors from "./components/Authors";
import BlogItemCover from "./components/Cover";
import BlogItemDesc from "./components/Desc";
-import BlogPostItemAuthors from "./components/Authors";
+import BlogItemTags from "./components/Tags";
+import BlogItemTitle from "./components/Title";
-import styles from "./styles.module.scss";
import LinkWithBaseUrl from "@site/src/components/common/LinkWithBaseUrl";
import { isZhLangrage } from "@site/src/utils";
+import styles from "./styles.module.scss";
const BlogListItem = () => {
const {
metadata: { permalink },
} = useBlogPost();
- if (useBlogPost().metadata.frontMatter['zh_hidden'] && isZhLangrage()) {
+ if (useBlogPost().metadata.frontMatter["zh_hidden"] && isZhLangrage()) {
return null;
}
return (
@@ -25,15 +25,13 @@ const BlogListItem = () => {
<header style={{ padding: "7px 6px" }} className="link-wrap">
<LinkWithBaseUrl to={permalink}>
<BlogItemCover />
- <div style={{ padding: "0 11px" }}>
+ <div style={{ padding: "0 11px 10px" }}>
<div style={{ cursor: "pointer" }}>
<BlogItemTags style={{ marginTop: 6, marginBottom: 17 }} />
<BlogItemTitle />
<BlogItemDesc style={{ marginTop: 17 }} />
</div>
- <BlogPostItemAuthors
- styles={{ position: "absolute", bottom: 26 }}
- />
+ <BlogPostItemAuthors />
</div>
</LinkWithBaseUrl>
</header>
diff --git a/src/theme/DocRoot/Layout/styles.module.scss
b/src/theme/DocRoot/Layout/styles.module.scss
index 46d2555..11cc003 100644
--- a/src/theme/DocRoot/Layout/styles.module.scss
+++ b/src/theme/DocRoot/Layout/styles.module.scss
@@ -12,9 +12,11 @@
.docsWrapper {
display: flex;
flex: 1 0 auto;
- @media screen and (min-width: 1024px) {
- max-width: 1600px !important;
+ @media screen and (min-width: 1600px) {
width: 1600px !important;
+ max-width: 1600px !important;
+ }
+ @media screen and (min-width: 1024px) {
table {
th {
min-width: 110px;
diff --git a/src/theme/Footer/styles.module.scss
b/src/theme/Footer/styles.module.scss
index e33fba6..6cb5966 100644
--- a/src/theme/Footer/styles.module.scss
+++ b/src/theme/Footer/styles.module.scss
@@ -72,14 +72,11 @@
}
}
.copyrightWrap {
- position: absolute;
- top: 485px;
text-align: center;
width: 100%;
background-color: #000;
font-size: 12px;
.copyright {
- width: 1440px;
margin: 0 auto;
}
}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
