basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: make custom share list horizontal on mobile screens

Browse Source
This commit is contained in:
Victor Phan
2026-07-20 17:48:13 +07:00
parent 7d937a71f8
commit 71c8df8d79
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sisvietnamvn_main/src/main/resources/templates/posts/standard.html
+6
View File
@@ -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;
}