fragginwagon/pokemon-inventory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct interactive text contrast and add detail page stories
Quality / test (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
fragginwagon
2026-09-10 07:09:54 -04:00
parent 6b528350c0
commit 54a8d87293
6 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/assets/styles/global.scss
+2 -2
View File
@@ -24,7 +24,7 @@ h1 { max-width: 760px; margin: var(--space-3) 0 var(--space-4); font-size: var(-
.results-heading span { color: var(--color-text-muted); font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
.listing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); margin-top: var(--space-6); }
.detail-page { width: min(920px, calc(100% - var(--space-8))); margin: 0 auto; padding: var(--space-12) 0 var(--space-24); }
.detail-back { color: var(--color-interactive); font-weight: var(--weight-bold); text-decoration: none; }
.detail-back { color: var(--color-interactive-text); font-weight: var(--weight-bold); text-decoration: none; }
.detail-content { max-width: 680px; padding-top: var(--space-16); }
.detail-content h1 { font-size: clamp(3rem, 8vw, 6rem); }
.detail-price { color: var(--color-text); font-size: var(--text-xl); font-weight: var(--weight-bold); font-variant-numeric: tabular-nums; }
@@ -36,7 +36,7 @@ h1 { max-width: 760px; margin: var(--space-3) 0 var(--space-4); font-size: var(-
.catalog-state { padding: var(--space-12) 0; color: var(--color-text-muted); }
.catalog-state--error { color: var(--color-danger-text); }
.pagination { display: flex; align-items: center; justify-content: center; gap: var(--space-6); margin-top: var(--space-8); color: var(--color-text-muted); font-size: var(--text-sm); }
.pagination button { min-width: 44px; min-height: 44px; border: var(--border-thin) solid var(--color-border-strong); border-radius: var(--radius-md); padding: var(--space-2) var(--space-4); background: var(--color-surface); color: var(--color-interactive); }
.pagination button { min-width: 44px; min-height: 44px; border: var(--border-thin) solid var(--color-border-strong); border-radius: var(--radius-md); padding: var(--space-2) var(--space-4); background: var(--color-surface); color: var(--color-interactive-text); }
.pagination button:disabled { cursor: not-allowed; opacity: 0.45; }
.showcase-page { padding: var(--space-12) max(var(--space-4), calc((100vw - 1200px) / 2)); }
apps/web/src/components/molecules/ImageGallery.scss
+1 -1
View File
@@ -4,4 +4,4 @@
.image-gallery__placeholder { color: var(--color-text-muted); font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--weight-bold); }
.image-gallery__controls { display: flex; gap: var(--space-2); }
.image-gallery__controls button { min-width: 44px; min-height: 44px; border: var(--border-thin) solid var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); }
.image-gallery__controls button.image-gallery__thumb--selected { border-color: var(--color-interactive); box-shadow: var(--glow-selection); color: var(--color-interactive); }
.image-gallery__controls button.image-gallery__thumb--selected { border-color: var(--color-interactive); box-shadow: var(--glow-selection); color: var(--color-interactive-text); }
apps/web/src/pages/AdminImagePage.stories.js
+5
View File
@@ -0,0 +1,5 @@
import AdminImagePage from './AdminImagePage.vue';
export default { title: 'Pages/AdminImagePage', component: AdminImagePage };
export const Overview = {};
apps/web/src/pages/ListingDetailPage.stories.js
+5
View File
@@ -0,0 +1,5 @@
import ListingDetailPage from './ListingDetailPage.vue';
export default { title: 'Pages/ListingDetailPage', component: ListingDetailPage };
export const Overview = {};
apps/web/src/pages/ProductDetailPage.stories.js
+5
View File
@@ -0,0 +1,5 @@
import ProductDetailPage from './ProductDetailPage.vue';
export default { title: 'Pages/ProductDetailPage', component: ProductDetailPage };
export const Overview = {};