This is an automated email from the ASF dual-hosted git repository.
xiaokang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-graphar-website.git
The following commit(s) were added to refs/heads/main by this push:
new 63be145 Fix hero section button layout on small screens and navbar
toggle icon (#58)
63be145 is described below
commit 63be1455db80bd24b9a1017440d176b5711cd706
Author: Prakash Kumar <[email protected]>
AuthorDate: Tue Feb 3 17:47:00 2026 +0530
Fix hero section button layout on small screens and navbar toggle icon (#58)
* fix(ui): fix hero section button layout on small screens and navbar
toggle icon
* fix: fix logo alignment issue on larger screens
---
docusaurus.config.ts | 1 +
src/css/custom.css | 12 ------------
src/pages/index.module.css | 14 ++++++++++++++
src/pages/index.tsx | 1 -
4 files changed, 15 insertions(+), 13 deletions(-)
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 6b3ed4c..a87d1af 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -81,6 +81,7 @@ const config: Config = {
// TODO: Replace with your project's social card
image: 'img/social-card.png',
navbar: {
+ title:'Apache GraphAr',
logo: {
alt: 'Logo',
src: 'img/logo.svg',
diff --git a/src/css/custom.css b/src/css/custom.css
index f5c3bad..bf70c40 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -30,21 +30,9 @@
}
.navbar__logo img {
- width: unset;
height: 40px;
}
-.navbar__logo::after {
- content: 'Apache GraphAr';
- display: inline-block;
- font-size: 1em;
- color: var(--ifm-hero-text-color);
- font-weight: 700;
- text-align: center;
- position: absolute;
- top: 15px;
- margin-left: 8px;
-}
.header-github-link:hover {
opacity: 0.6;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 55ce941..3e5567b 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -39,4 +39,18 @@
display: flex;
align-items: center;
justify-content: center;
+ gap: 20px;
}
+
+@media screen and (max-width: 400px) {
+ .buttons {
+ flex-direction: column;
+ width: 100%;
+ gap: 10px;
+ }
+
+ .buttons :global(.button) {
+ width: 100%;
+ margin: 0;
+ }
+}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index ec625ff..70c11a8 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -38,7 +38,6 @@ function HomepageHeader() {
<Link
className="button button--secondary button--lg"
to="https://github.com/apache/incubator-graphar";
- style={{ marginRight: '50px' }} // Add margin to the right
>
GitHub
</Link>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
