Article previews in topics

assets/styles/04-pages/forum.css

@@ -106,23 +106,9 @@ flex-shrink: 0;
     margin: 0 var(--spacing-3);
 }
 
-.article-item {
-border: 1px solid #ddd;
-padding: 1rem;
-margin: 1rem 0;
-background: #fafafa;
-}
-
-.article-item h3 {
-margin: 0 0 0.5rem 0;
-}
-
-.article-item p {
-margin: 0.5rem 0;
-}
-
-.article-item small {
-color: #666;
+.articles-list > div {
+    border-bottom: 1px solid var(--color-border);
+    margin-bottom: var(--spacing-3) !important;
 }
 
 .nav-sub-card {

templates/forum/topic.html.twig

@@ -5,11 +5,7 @@
 
     <div class="articles-list">
         {% for article in articles %}
-            <div class="article-item">
-                <h3><a href="{{ path('article-slug', {slug: article.slug|url_encode}) }}">{{ article.title }}</a></h3>
-                <p>{{ article.summary|slice(0, 200) }}{% if article.summary|length > 200 %}...{% endif %}</p>
-                <small>Published: {{ article.createdAt|date('Y-m-d H:i') }}</small>
-            </div>
+            <twig:Molecules:ArticlePreview :article="article"  npub="{{ article.pubkey|toNpub }}" />
         {% endfor %}
     </div>
     {% if articles is empty %}