penguin/AstroJS

Javascript framework for my blog

commit c6c7d5dddc5e4a915cb56cf04659ba89e923553a

author斟酌 鵬兄 <tgckpg@gmail.com>
date2019-12-24T21:56:27Z
subjectUse column-gap for album
commit c6c7d5dddc5e4a915cb56cf04659ba89e923553a
Author: 斟酌 鵬兄 <tgckpg@gmail.com>
Date:   2019-12-24T21:56:27Z

    Use column-gap for album
---
 botanjs/src/Astro/Blog/Components/Album.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/botanjs/src/Astro/Blog/Components/Album.css b/botanjs/src/Astro/Blog/Components/Album.css
index 57c4c9f..1e026c1 100644
--- a/botanjs/src/Astro/Blog/Components/Album.css
+++ b/botanjs/src/Astro/Blog/Components/Album.css
@@ -1,4 +1,14 @@
+.site_file[data-type="album"] {
+	column-width: 225px;
+	column-gap: 0.75em;
+}
+
 .site_file[data-type="album"] > div {
 	display: inline-block;
-	margin: 0.5em;
+	margin-bottom: 0.5em;
+	width: 100%;
+}
+
+.site_file[data-type="album"] > div img {
+	width: 100%;
 }