tmiller/pokemon
1
0
Fork 1
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

corrected visual/layout bugs on index and 404 pages, added backtotop and 404 analytics tracking

Browse Source
This commit is contained in:
zach
2026-03-02 14:09:59 -05:00
parent 521ee2d2a7
commit be4104cb0b
5 changed files with 22 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/partials/card-modal.astro
View File

@@ -96,7 +96,7 @@ const conditionAttributes = (price: any) => {
};
const ebaySearchUrl = (card: any) => {
return `https://www.ebay.com/sch/i.html?_nkw=${encodeURIComponent(card?.productUrlName)}+${encodeURIComponent(card?.set?.setUrlName)}+${card?.number}&LH_Sold=1&Graded=No&_dcat=183454${card?.productId}`;
return `https://www.ebay.com/sch/i.html?_nkw=${encodeURIComponent(card?.productUrlName)}+${encodeURIComponent(card?.set?.setUrlName)}+${encodeURIComponent(card?.number)}&LH_Sold=1&Graded=No&_dcat=183454`;
};
---
@@ -106,7 +106,7 @@ const ebaySearchUrl = (card: any) => {
<div class="modal-header border-0">
<div class="container-fluid row align-items-center">
<div class="h4 card-title pe-2 col-sm-12 col-md-auto mb-sm-1">{card?.productName}</div>
<div class="text-secondary border-md-start col-auto">{card?.number}</div>
<div class="text-secondary col-auto">{card?.number}</div>
<div class="text-secondary col-auto">{card?.variant}</div>
</div>
<button type="button" class="btn-close" aria-label="Close" data-bs-dismiss="modal"></button>
@@ -118,7 +118,7 @@ const ebaySearchUrl = (card: any) => {
<div class="col-sm-12 col-md-3">
<div class="position-relative mt-1"><img src={`/cards/${card?.productId}.jpg`} class="card-image w-100 img-fluid rounded-4" alt={card?.productName} onerror="this.onerror=null;this.src='/cards/default.jpg'" onclick="copyImage(this); dataLayer.push({'event': 'copiedImage'});"><span class="position-absolute bottom-0 start-0 d-inline"><SetIcon set={card?.set?.setCode} /></span><span class="position-absolute top-0 end-0 d-inline"><EnergyIcon energy={card?.energyType} /></span><span class="rarity-icon-large position-absolute bottom-0 end-0 d-inline"><RarityIcon rarity={card?.rarityName} /></span></div>
<div class="d-flex flex-row justify-content-between mt-2">
<div class="p text-secondary">{card?.set?.setName}</div>
<div class="p text-secondary">{card?.set?.setCode}</div>
<div class="p text-secondary">Illustrator: {card?.Artist}</div>
</div>
</div>
@@ -148,30 +148,30 @@ const ebaySearchUrl = (card: any) => {
const attributes = conditionAttributes(price);
return (
<div class={`tab-pane fade ${attributes?.label} ${attributes?.class}`} id={`${attributes?.label}`} role="tabpanel" tabindex="0">
<div class="d-block gap-2 d-md-flex">
<div class="d-block gap-1 d-md-flex">
<div class="d-flex flex-row flex-md-column gap-1 col-12 col-md-2 mb-0">
<div class="alert alert-secondary rounded p-2 flex-fill mb-2">
<div class="alert alert-secondary rounded p-2 flex-fill mb-1">
<h6>Market Price</h6>
<p class="pb-0">${price.marketPrice}</p>
</div>
<div class="alert alert-secondary rounded p-2 flex-fill mb-2">
<div class="alert alert-secondary rounded p-2 flex-fill mb-1">
<h6>Lowest Price</h6>
<p class="pb-0">${price.lowestPrice}</p>
</div>
<div class="alert alert-secondary rounded p-2 flex-fill mb-2">
<div class="alert alert-secondary rounded p-2 flex-fill mb-1">
<h6>Highest Price</h6>
<p class="pb-0">${price.highestPrice}</p>
</div>
<div class={`alert alert-secondary rounded p-2 flex-fill mb-2 ${attributes?.volatilityClass}`}>
<div class={`alert alert-secondary rounded p-2 flex-fill mb-1 ${attributes?.volatilityClass}`}>
<h6>Volatility</h6>
<p class="pb-0">{attributes?.volatility}</p>
</div>
</div>
<div class="d-flex flex-column gap-1 col-12 col-md-10 mb-0 me-2">
<div class="alert alert-secondary rounded p-2 mb-2">
<div class="alert alert-secondary rounded p-2 mb-1">
<h6>Latest Sales</h6>
</div>
<div class="alert alert-secondary rounded p-2 mb-2">
<div class="alert alert-secondary rounded p-2 mb-1">
<h6>Placeholder for graph</h6>
</div>
</div>

4
src/pages/partials/cards.astro
View File

@@ -131,7 +131,7 @@ const facets = searchResults.results.slice(1).map((result: any) => {
{(facet.counts.length > 20) &&
<input class="facet-filter form-control col-auto me-3" type="text" id={`filter_${facet.field_name}`} placeholder="Search..." />
}
<div class="facet-list col-11 mt-2">
<div class="facet-list col-12 mt-2">
{facet.counts.map((count:any) => (
<div class="facet-item form-check form-switch" data-facet-value={count.value.toLowerCase()}>
<label class="form-check-label fs-7">
@@ -204,7 +204,7 @@ const facets = searchResults.results.slice(1).map((result: any) => {
<div class="text-secondary">{card.number}</div>
<span class="ps-2 small-icon"><RarityIcon rarity={card.rarityName} /></span>
</div>
<div>{card.variant}<span class="d-none">{card.productId}</span></div>
<div>{card.variant}</div><span class="d-none">{card.productId}</span>
</div>
))}