This is an automated email from the ASF dual-hosted git repository.
jeffreyh 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 47bb8c5426f Fix annoucementbar style (#2213)
47bb8c5426f is described below
commit 47bb8c5426fa0092827f03ad4dfdb3f8c76f322a
Author: yangon <[email protected]>
AuthorDate: Wed Mar 19 16:05:27 2025 +0800
Fix annoucementbar style (#2213)
---
src/pages/index.tsx | 2 +-
src/scss/components/navbar.scss | 23 ++++++++++++++++++++--
.../Navbar/Content/components/NavbarCommon.tsx | 2 +-
src/theme/SearchBar/SearchBar.module.css | 2 +-
4 files changed, 24 insertions(+), 5 deletions(-)
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 095774b197a..896ce476d6e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -78,7 +78,7 @@ export default function Home(): JSX.Element {
onMouseLeave={() => {
document.getElementById('event-star-icon').firstChild.style.fill = '#636CDF';
}}
- className="lg:rounded-full rounded-[1.625rem] text-center
group lg:w-[46.375rem] mx-auto lg:flex-row flex-col flex py-4 px-[2.25rem]
items-center justify-center"
+ className="lg:rounded-full rounded-[1.625rem] mb-8 text-center
group lg:w-[46.375rem] mx-auto lg:flex-row flex-col flex py-4 px-[2.25rem]
items-center justify-center"
>
<div className="lg:mb-0 mb-4 flex items-center">
<HomeEvenStarIcon id="event-star-icon" />
diff --git a/src/scss/components/navbar.scss b/src/scss/components/navbar.scss
index 9c1fa725c09..50cef2aba64 100644
--- a/src/scss/components/navbar.scss
+++ b/src/scss/components/navbar.scss
@@ -3,7 +3,8 @@
background-color: var(--global-colors-white);
padding: 0;
display: flex;
- border-bottom: 1px solid #EDF2FA;
+ border-bottom: 1px solid #edf2fa;
+ box-shadow: none !important;
&.docs {
.navbar__inner {
@@ -22,6 +23,11 @@
top: 12px;
max-width: 443px;
}
+
+ .navbar__link {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
}
&.docs {
@@ -278,7 +284,7 @@
}
}
-@media screen and (max-width: 996px) {
+@media screen and (max-width: 1118px) {
.navbar {
height: 3.75rem;
&.docs,
@@ -497,3 +503,16 @@
}
}
}
+
+@media screen and (max-width: 1300px) {
+ .github-btn {
+ width: 2.5rem;
+ .github-text {
+ display: none;
+ }
+ }
+
+ .gh-count {
+ display: none;
+ }
+}
diff --git a/src/theme/Navbar/Content/components/NavbarCommon.tsx
b/src/theme/Navbar/Content/components/NavbarCommon.tsx
index 629db887b78..7311a7601d3 100644
--- a/src/theme/Navbar/Content/components/NavbarCommon.tsx
+++ b/src/theme/Navbar/Content/components/NavbarCommon.tsx
@@ -53,7 +53,7 @@ export const NavbarCommonRight = ({ star }:
NavbarCommonRightProps) => {
target="_blank"
>
<GithubIconNew id='github-icon-new' className='github-icon-new
ml-[0.5rem]' />
- <span className='ml-1 text-[1rem]/[137.5%]
group-hover:text-[#444FD9] text-[#252734] font-medium'>Star Me</span>
+ <span className='github-text ml-1 text-[1rem]/[137.5%]
group-hover:text-[#444FD9] text-[#252734] font-medium'>Star Me</span>
</Link>
{star && <div className="gh-count
text-[1rem]/[1rem]">{star}k</div>}
<Link
diff --git a/src/theme/SearchBar/SearchBar.module.css
b/src/theme/SearchBar/SearchBar.module.css
index d8b9c442a70..fe7e0418568 100644
--- a/src/theme/SearchBar/SearchBar.module.css
+++ b/src/theme/SearchBar/SearchBar.module.css
@@ -232,7 +232,7 @@ html[data-theme='dark'] .noResultsIcon {
input {
width: 100% !important;
border: none !important;
- background-color: #f7f9fe !important;
+ background-color: #FFF;
background-image: url('/static/images/search-icon.svg');
height: 2.5rem !important;
background-position: 0.625rem center !important;
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
