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 b898318b6c4 fix(website): improve responsiveness of landing page on
mobile (#2849)
b898318b6c4 is described below
commit b898318b6c4b5149660d280030786d767f766202
Author: Ghanshyam Singh <[email protected]>
AuthorDate: Mon Sep 8 08:23:01 2025 +0530
fix(website): improve responsiveness of landing page on mobile (#2849)
### What Changed
- Fixed responsiveness issue of landing page on mobile devices.
- Adjusted CSS flex properties and padding.
### Before
<img width="499" height="804" alt="Before"
src="https://github.com/user-attachments/assets/e01a9cb3-7d89-46d7-9fd8-990046478d90";
/>
### After
<img width="501" height="807" alt="After"
src="https://github.com/user-attachments/assets/ef720012-ce8d-4d52-bbde-0278a3092cda";
/>
### Related Issue
Fixes #2848
---
src/components/PageBanner/styles.scss | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/components/PageBanner/styles.scss
b/src/components/PageBanner/styles.scss
index 4881a40f0f7..7cf57e28ce1 100644
--- a/src/components/PageBanner/styles.scss
+++ b/src/components/PageBanner/styles.scss
@@ -136,11 +136,19 @@
}
}
.banner-buttons {
+ flex-direction: column;
+ align-items: center;
+
.button {
- padding: 0.45rem 1.2rem;
- font-size: 1rem;
+ min-width: 10rem;
+ width: max-content;
+ justify-content: center;
font-weight: normal;
}
+ .button + .button {
+ margin-left: 0;
+ margin-top: 1rem;
+ }
}
}
}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
