From 71c8df8d7971469751cb3affb416d3fd1250d0a8 Mon Sep 17 00:00:00 2001 From: Victor Phan Date: Mon, 20 Jul 2026 17:48:13 +0700 Subject: [PATCH] style: make custom share list horizontal on mobile screens --- .../src/main/resources/templates/posts/standard.html | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/sisvietnamvn_main/src/main/resources/templates/posts/standard.html b/sisvietnamvn_main/src/main/resources/templates/posts/standard.html index 3f38da78..5759cf4a 100644 --- a/sisvietnamvn_main/src/main/resources/templates/posts/standard.html +++ b/sisvietnamvn_main/src/main/resources/templates/posts/standard.html @@ -92,6 +92,12 @@ .custom-share-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; align-items: flex-start; } + + @media screen and (max-width: 767px) { + .custom-share-list { + flex-direction: row; gap: 10px; + } + } .custom-share-list li a { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #111; text-decoration: none; transition: all 0.2s; }