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

further tweak price-label prices/padding for small screens

Browse Source
This commit is contained in:
zach
2026-03-05 12:06:19 -05:00
parent 8161940690
commit f2b0309b6e
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/css/main.scss
View File

@@ -371,7 +371,7 @@ $tiers: (
} }
.price-label { .price-label {
font-size: 0.7rem; font-size: 0.69rem;
font-weight: 600; font-weight: 600;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
background-color: hsl(88, 50%, 60%); background-color: hsl(88, 50%, 60%);
@@ -379,13 +379,13 @@ $tiers: (
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
@media (min-width: 768px) { @media (min-width: 768px) {
font-size: 0.8rem; font-size: 0.79rem;
} }
@media (min-width: 996px) { @media (min-width: 996px) {
font-size: 0.85rem; font-size: 0.84rem;
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
font-size: 0.9rem; font-size: 0.89rem;
} }
@media (min-width: 1600px) { @media (min-width: 1600px) {
font-size: 1rem; font-size: 1rem;

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

@@ -218,7 +218,7 @@ const facets = searchResults.results.slice(1).map((result: any) => {
</div> </div>
<div class="row row-cols-5 gx-1 price-row mb-2"> <div class="row row-cols-5 gx-1 price-row mb-2">
{conditionOrder.map((condition) => ( {conditionOrder.map((condition) => (
<div class="col price-label ps-1"> <div class="col price-label ps-0 ps-md-1">
{ conditionShort(condition) } { conditionShort(condition) }
<br />{formatPrice(condition, card.skus)} <br />{formatPrice(condition, card.skus)}
</div> </div>