improve listing

This commit is contained in:
2026-02-01 13:31:54 +01:00
parent 39053c1ce0
commit 05c2a46796
2 changed files with 20 additions and 3 deletions

View File

@@ -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);