improve listing
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user