This is an automated email from the ASF dual-hosted git repository.
benjobs pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampark-website.git
The following commit(s) were added to refs/heads/dev by this push:
new bc1b437 [Improve] make blog list view responsive on small screens
(#439)
bc1b437 is described below
commit bc1b437d9a3c5bc24769421e61288b68b7fe1af2
Author: Prakash Kumar <[email protected]>
AuthorDate: Mon Feb 9 07:58:54 2026 +0530
[Improve] make blog list view responsive on small screens (#439)
---
src/theme/BlogLayout/index.less | 46 +++++++++++++++++++++++++++++++++++++++++
1 file changed, 46 insertions(+)
diff --git a/src/theme/BlogLayout/index.less b/src/theme/BlogLayout/index.less
index 2e4adb2..c66e266 100644
--- a/src/theme/BlogLayout/index.less
+++ b/src/theme/BlogLayout/index.less
@@ -173,4 +173,50 @@
margin-bottom: 1.15em;
opacity: 0.25;
}
+
+ @media (max-width: 768px) {
+ .bloghome__posts-list {
+ grid-template-columns: 1fr;
+ padding: 0 1em 2em;
+
+ .post__list-item {
+ grid-template-columns: 1fr;
+ grid-template-areas:
+ "title"
+ "tags"
+ "date";
+ row-gap: 0.75em;
+ }
+
+ .post__list-title {
+ font-size: 1rem;
+ line-height: 1.4;
+ }
+ }
+
+ .post__list-tags {
+ overflow-x: auto;
+ white-space: nowrap;
+ }
+ }
+
+ @media (max-width: 576px) {
+ .bloghome__posts-list {
+ gap: 10px;
+
+ .post__list-item {
+ padding: 0.75em 0.9em;
+ }
+
+ .post__list-title {
+ font-size: 0.95rem;
+ }
+ }
+
+ .post__list-date {
+ font-size: 0.75rem;
+ opacity: 0.8;
+ }
+ }
+
}
\ No newline at end of file
