This is an automated email from the ASF dual-hosted git repository.
luzhijing pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/doris-website.git
The following commit(s) were added to refs/heads/master by this push:
new 7d70282fb3e (feat) update mobile styles (#384)
7d70282fb3e is described below
commit 7d70282fb3e3a2daa2681fc52ceaa83a3a42fb77
Author: hututu <[email protected]>
AuthorDate: Fri Jan 5 18:15:06 2024 +0800
(feat) update mobile styles (#384)
---
src/components/PageColumn/styles.scss | 2 +-
src/components/PageHeader/index.tsx | 2 +-
src/components/PageHeader/style.scss | 1 -
src/components/get-started/get-started.tsx | 4 +++-
src/theme/BlogLayout/index.tsx | 2 +-
src/theme/BlogPostItem/index.tsx | 5 ++++-
src/theme/Footer/index.tsx | 4 ++--
7 files changed, 12 insertions(+), 8 deletions(-)
diff --git a/src/components/PageColumn/styles.scss
b/src/components/PageColumn/styles.scss
index 4a9846723e6..03e63c7916b 100644
--- a/src/components/PageColumn/styles.scss
+++ b/src/components/PageColumn/styles.scss
@@ -6,7 +6,7 @@
.page-column-title {
font-weight: 540;
- line-height: 70px;
+ line-height: 1.5;
}
&.left {
text-align: left;
diff --git a/src/components/PageHeader/index.tsx
b/src/components/PageHeader/index.tsx
index fbf0603c30c..fd9ec080d18 100644
--- a/src/components/PageHeader/index.tsx
+++ b/src/components/PageHeader/index.tsx
@@ -12,7 +12,7 @@ interface PageHeaderProps {
export default function PageHeader(props: PageHeaderProps) {
return (
<div className={`page-header bg-[#F7F9FE] pt-10 pb-20
${props.className}`}>
- <h1 className="title">{props.title}</h1>
+ <h1 className="title text-[2rem] leading-normal
lg:text-[2.75rem]">{props.title}</h1>
<div className="subtitle mt-4">{props.subtitle}</div>
{props?.extra && props?.extra}
</div>
diff --git a/src/components/PageHeader/style.scss
b/src/components/PageHeader/style.scss
index 4a1d596d23c..2e42096ea71 100644
--- a/src/components/PageHeader/style.scss
+++ b/src/components/PageHeader/style.scss
@@ -2,7 +2,6 @@
.title {
color: var(--n-1, #1d1d1d);
text-align: center;
- font-size: 44px;
font-style: normal;
font-weight: 540;
letter-spacing: 0.88px;
diff --git a/src/components/get-started/get-started.tsx
b/src/components/get-started/get-started.tsx
index 3e86f57dd00..eb2ae88db01 100644
--- a/src/components/get-started/get-started.tsx
+++ b/src/components/get-started/get-started.tsx
@@ -10,7 +10,9 @@ export default function GetStarted() {
{/* <div className="border-[rgba(255, 255, 255, 0.63)] absolute
top-0 h-[40rem] w-[40rem] -translate-x-2/3 -translate-y-2/3 transform
rounded-full border-[20rem] bg-transparent opacity-10"></div>
<div className="border-[rgba(255, 255, 255, 0.63)] absolute
bottom-0 right-0 h-[40rem] w-[40rem] translate-x-1/2 translate-y-1/2 transform
rounded-full border-[20rem] bg-transparent opacity-10"></div> */}
<div className="container mx-auto">
- <h2 className="text-center text-[2.75rem] lg:font-[540]
text-white lg:text-title-md">{data.title}</h2>
+ <h2 className="text-center text-[1.75rem] leading-normal
lg:font-[540] text-white lg:text-title-md">
+ {data.title}
+ </h2>
{data?.description && <div className="mt-4 text-center
text-white">{data.description}</div>}
<div className="relative z-[1] mt-12 flex justify-center
space-x-4 lg:space-x-10">
{data.buttons.map((item, index) => {
diff --git a/src/theme/BlogLayout/index.tsx b/src/theme/BlogLayout/index.tsx
index 567bc286eef..7fe0e4329bd 100644
--- a/src/theme/BlogLayout/index.tsx
+++ b/src/theme/BlogLayout/index.tsx
@@ -25,7 +25,7 @@ export default function BlogLayout(props) {
>
{children}
</main>
- {toc && <div className="col col--2
ml-[10.25rem]">{toc}</div>}
+ {toc && <div className="col col--2">{toc}</div>}
</div>
</div>
</Layout>
diff --git a/src/theme/BlogPostItem/index.tsx b/src/theme/BlogPostItem/index.tsx
index 3e341103a81..d67c9e5f264 100644
--- a/src/theme/BlogPostItem/index.tsx
+++ b/src/theme/BlogPostItem/index.tsx
@@ -61,7 +61,10 @@ export default function BlogPostItem(props) {
</span>
</span>
</div>
- <TitleHeading className="blog-post-title text-[2.5rem]
text-center" itemProp="headline">
+ <TitleHeading
+ className="blog-post-title text-[2rem] leading-normal
lg:text-[2.5rem] text-center"
+ itemProp="headline"
+ >
{isBlogPostPage ? (
title
) : (
diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx
index 4ccdd308049..6f327e18ad5 100644
--- a/src/theme/Footer/index.tsx
+++ b/src/theme/Footer/index.tsx
@@ -44,7 +44,7 @@ function Footer() {
<div className="content container">
<div className="my-7 text-[#8592A6] text-sm">
<div className="flex flex-col lg:flex-row pb-3
border-b border-[#F7F9FE] flex-wrap">
- <div className=" w-40 mb-3 lg:mb-0">RESOURCES</div>
+ <div className=" w-40 mb-3 lg:mb-0
font-medium">RESOURCES</div>
{ResourcesItems.map(({ label, href }) => (
<Link className="w-40 no-underline mb-2"
href={href}>
{label}
@@ -52,7 +52,7 @@ function Footer() {
))}
</div>
<div className="flex flex-col lg:flex-row pt-3
flex-wrap">
- <div className="w-40 mb-3 lg:mb-0">COMMUNITY</div>
+ <div className="w-40 mb-3 lg:mb-0
font-medium">COMMUNITY</div>
{CommunityItems.map(({ label, href }) => (
<Link className="w-40 no-underline mb-2"
href={href}>
{label}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
