improve listing

js/components/pages/page-listing.js

@@ -190,7 +190,7 @@ class PageListing extends HTMLElement {
                         ${this.sellerListings.length > 0 ? `
                             <section class="seller-listings">
                                 <h2>${t('listing.moreFromSeller')}</h2>
-                                <div class="listings-grid">
+                                <div class="seller-listings-grid">
                                     ${this.sellerListings.map(listing => this.renderListingCard(listing)).join('')}
                                 </div>
                             </section>
@@ -579,7 +579,7 @@ style.textContent = /* css */`
         font-size: var(--font-size-2xl);
     }
     
-    page-listing .listing-price {
+    page-listing .listing-header > .listing-price {
         font-size: var(--font-size-3xl);
         font-weight: var(--font-weight-bold);
         color: var(--color-primary);
@@ -728,6 +728,18 @@ style.textContent = /* css */`
         margin-bottom: var(--space-lg);
     }
 
+    page-listing .seller-listings-grid {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: var(--space-md);
+    }
+
+    @media (max-width: 768px) {
+        page-listing .seller-listings-grid {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+
     /* Dialog */
     page-listing .contact-dialog {
         background: var(--color-bg);

js/services/directus.js

@@ -265,7 +265,11 @@ class DirectusService {
                 'category.id',
                 'category.name',
                 'category.slug',
-                'category.icon'
+                'category.icon',
+                'location.id',
+                'location.name',
+                'location.postal_code',
+                'location.country'
             ],
             filter: options.filter || { status: { _eq: 'published' } },
             sort: options.sort || ['-date_created'],
@@ -303,6 +307,7 @@ class DirectusService {
                 'expires_at',
                 'monero_address',
                 'date_created',
+                'user_created',
                 'images.directus_files_id.id',
                 'category.id',
                 'category.name',