This is an automated email from the ASF dual-hosted git repository.
morningman 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 1c46c326ca [fix]doc homepage style (#1036)
1c46c326ca is described below
commit 1c46c326ca6f0e117373235c29180f9da1267e5c
Author: 0xFlackoLFG <[email protected]>
AuthorDate: Fri Aug 23 11:28:52 2024 +0800
[fix]doc homepage style (#1036)
---
gettingStarted/demo-block/demo-block.css | 26 +++++++++++++++++++++-----
1 file changed, 21 insertions(+), 5 deletions(-)
diff --git a/gettingStarted/demo-block/demo-block.css
b/gettingStarted/demo-block/demo-block.css
index 0ad379d4f4..395936bc54 100644
--- a/gettingStarted/demo-block/demo-block.css
+++ b/gettingStarted/demo-block/demo-block.css
@@ -90,12 +90,12 @@ img.home-svg svg path {
padding-right: 2rem
}
-.home-page-hero-right {
+/* .home-page-hero-right {
flex: 1;
flex-direction: row;
justify-content: center;
width: fit-content
-}
+} */
@@ -187,17 +187,20 @@ img.home-svg svg path {
}
-.home-page-hero-right {
+/* .home-page-hero-right {
display: flex;
flex: 1;
flex-direction: row;
justify-content: center;
-}
+} */
.home-page-hero-right {
align-items: center;
+ justify-content: center;
display: flex;
- flex-direction: row;
+ /* flex-direction: row;
+ flex: 1; */
+ flex-wrap: wrap !important
}
.home-page-hero-button {
@@ -341,6 +344,7 @@ a:active {
color: inherit;
display: flex;
flex-direction: column;
+ flex: 1 1 calc(50% - 20px);
margin-bottom: 2rem;
margin-right: 15px;
padding: 13px;
@@ -349,6 +353,18 @@ a:active {
height: 170px;
}
+@media (max-width: 768px) {
+ .latest-button {
+ flex: 1 1 100%;
+ margin-right: 0;
+ }
+}
+@media (min-width: 996px) and (max-width: 1366px) {
+ .latest-button {
+ flex: 1 1 100%;
+ margin-right: 0;
+ }
+}
.banner-button {
margin-right: 30px;
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
