diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index 6dd2ea9..7ee5e11 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -1,12 +1,18 @@ @import '_bootstrap'; .copy-small { - font-size: 0.9rem; + font-size: 0.75rem; opacity: .87; } +@media screen and (min-width: 768px) { + .copy-small { + font-size: 0.9rem; + } +} + .card-image { - aspect-ratio: 5/7; + aspect-ratio: 23/32; object-fit: cover; } @@ -17,16 +23,25 @@ top: 0; } +.rotate-90 { + transform: rotate(90deg); +} + .rarity-icon svg { - height: 1rem; - line-height: 1rem; - display: inline-block; + height: .8rem; + display: block; } .price-label { color: hsl(122, 39%, 49%); - font-size: 0.825rem; - font-weight: 600; + font-size: 0.65rem; +} + +@media screen and (min-width: 768px) { + .price-label { + font-size: 0.825rem; + font-weight: 600; + } } .price-label:nth-of-type(n+2) { diff --git a/src/components/Card.astro b/src/components/Card.astro index 9eb50f2..be980e7 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -39,14 +39,14 @@ const order = ["Near Mint", "Lightly Played", "Moderately Played", "Heavily Play --- {pokemon.map((card) => (
- {card.productName} + {card.productName}
{card.productName}
{card.number}
-
{card.set?.setName}
-
+
{card.set?.setName}
+
{card.prices .slice() .sort((a, b) => order.indexOf(a.condition) - order.indexOf(b.condition)) diff --git a/src/components/CardGrid.astro b/src/components/CardGrid.astro index cebeca1..4ab0338 100644 --- a/src/components/CardGrid.astro +++ b/src/components/CardGrid.astro @@ -1,18 +1,10 @@ --- -const { query } = Astro.props; + ---
Inventory management placeholder
-
-
- -
-
- -
-
diff --git a/src/components/CardModal.astro b/src/components/CardModal.astro new file mode 100644 index 0000000..853d812 --- /dev/null +++ b/src/components/CardModal.astro @@ -0,0 +1,3 @@ +--- + +--- diff --git a/src/components/RarityIcon.astro b/src/components/RarityIcon.astro index df4b036..cf540ed 100644 --- a/src/components/RarityIcon.astro +++ b/src/components/RarityIcon.astro @@ -14,6 +14,9 @@ import ultrarare from "/src/svg/rarity/rare_ultra.svg?raw"; import secretrare from "/src/svg/rarity/rare_secret.svg?raw"; import blackwhiterare from "/src/svg/rarity/black_white_rare.svg?raw"; import raresecret from "/src/svg/rarity/rare_secret.svg?raw"; +import rarebreak from "/src/svg/rarity/rare_break.svg?raw"; +import artrare from "/src/svg/rarity/art_rare.svg?raw"; +import specialartrare from "/src/svg/rarity/special_art_rare.svg?raw"; const { rarity } = Astro.props; @@ -33,6 +36,9 @@ const rarityMap = { "Secret Rare": secretrare, "Black White Rare": blackwhiterare, "Shiny Holo Rare": raresecret, + "Rare BREAK": rarebreak, + "Art Rare": artrare, + "Special Art Rare": specialartrare, }; const svg = rarityMap[rarity as keyof typeof rarityMap] ?? ""; diff --git a/src/components/StickyFilter.astro b/src/components/StickyFilter.astro index 8f287ef..6323c39 100644 --- a/src/components/StickyFilter.astro +++ b/src/components/StickyFilter.astro @@ -1,11 +1,19 @@ --- import '/src/assets/css/main.scss'; +const { query } = Astro.props; ---
-
-
Placeholder for search input/filters
-
+
+
+
+ +
+
+ +
+
+
\ No newline at end of file diff --git a/src/pages/api/cards.ts b/src/pages/api/cards.ts deleted file mode 100644 index be12dfc..0000000 --- a/src/pages/api/cards.ts +++ /dev/null @@ -1,18 +0,0 @@ -import type { APIRoute } from "astro"; -import { db } from "../../db"; - -export const GET: APIRoute = async ({ url }) => { - const page = Number(url.searchParams.get("page") ?? 0); - const PAGE_SIZE = 256; - - const cards = await db.query.cards.findMany({ - where: { productLineName: "pokemon" }, - limit: PAGE_SIZE, - offset: page * PAGE_SIZE, - with: { prices: true } - }); - - return new Response(JSON.stringify(cards), { - headers: { "Content-Type": "application/json" }, - }); -}; diff --git a/src/svg/rarity/art_rare.svg b/src/svg/rarity/art_rare.svg new file mode 100644 index 0000000..4a84a3b --- /dev/null +++ b/src/svg/rarity/art_rare.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/svg/rarity/black_white_rare.svg b/src/svg/rarity/black_white_rare.svg index 8a12f87..5354603 100644 --- a/src/svg/rarity/black_white_rare.svg +++ b/src/svg/rarity/black_white_rare.svg @@ -1,4 +1,4 @@ - + diff --git a/src/svg/rarity/double_rare_jp.svg b/src/svg/rarity/double_rare_jp.svg index bae9c53..40e7e22 100644 --- a/src/svg/rarity/double_rare_jp.svg +++ b/src/svg/rarity/double_rare_jp.svg @@ -1,4 +1,4 @@ - + diff --git a/src/svg/rarity/promo.svg b/src/svg/rarity/promo.svg index f29cb67..5ef7c1d 100644 --- a/src/svg/rarity/promo.svg +++ b/src/svg/rarity/promo.svg @@ -1,4 +1,4 @@ - + diff --git a/src/svg/rarity/rare_break.svg b/src/svg/rarity/rare_break.svg new file mode 100644 index 0000000..bd32751 --- /dev/null +++ b/src/svg/rarity/rare_break.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/svg/rarity/rare_shining.svg b/src/svg/rarity/rare_shining.svg index 1865f22..caf0fb0 100644 --- a/src/svg/rarity/rare_shining.svg +++ b/src/svg/rarity/rare_shining.svg @@ -1,4 +1,4 @@ - + diff --git a/src/svg/rarity/special_art_rare.svg b/src/svg/rarity/special_art_rare.svg new file mode 100644 index 0000000..ae04edb --- /dev/null +++ b/src/svg/rarity/special_art_rare.svg @@ -0,0 +1,5 @@ + + + + +