Support comment img/video attachments (fixes #30)

2024-07-20 20:58:42 +03:00
parent 0bfb92729c
commit 8b200e577d
3 changed files with 69 additions and 0 deletions
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@ -37,6 +37,7 @@
 				"avatar name        "
 				"avatar time        "
 				"avatar post        "
+				"avatar media       "
 				"...... interactions";
 			column-gap: 1rem;
 			justify-items: start;
@ -137,6 +138,20 @@
 				}
 			}

+			.attachments {
+				display: grid;
+				grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
+				grid-area: media;
+				gap: 1rem;
+				gap: 0.5rem;
+				margin-top: 1rem;
+
+				img,
+				video {
+					margin: 0;
+				}
+			}
+
 			footer {
 				display: flex;
 				grid-area: interactions;