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

hide modal nav buttons until working

Browse Source
This commit is contained in:
zach
2026-03-06 14:22:19 -05:00
parent ce56d08efe
commit 4eed1869a6
2 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -594,9 +594,4 @@ $tiers: (
100% { 100% {
transform: scale(1); transform: scale(1);
} }
}
.card-nav-prev.swiping,
.card-nav-next.swiping {
animation: swipe-feedback 0.3s ease-out;
} }

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

@@ -118,12 +118,12 @@ const ebaySearchUrl = (card: any) => {
<div class="text-secondary col-auto">{card?.variant}</div> <div class="text-secondary col-auto">{card?.variant}</div>
</div> </div>
<div class="d-flex gap-2 align-items-center"> <div class="d-flex gap-2 align-items-center">
<button type="button" class="btn btn-sm btn-outline-secondary card-nav-prev" title="Previous card (← or swipe right)" aria-label="Previous card"> <button type="button" class="btn btn-sm btn-outline-secondary card-nav-prev d-none" title="Previous card (← or swipe right)" aria-label="Previous card">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="15 18 9 12 15 6"></polyline> <polyline points="15 18 9 12 15 6"></polyline>
</svg> </svg>
</button> </button>
<button type="button" class="btn btn-sm btn-outline-secondary card-nav-next" title="Next card (→ or swipe left)" aria-label="Next card"> <button type="button" class="btn btn-sm btn-outline-secondary card-nav-next d-none" title="Next card (→ or swipe left)" aria-label="Next card">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="9 18 15 12 9 6"></polyline> <polyline points="9 18 15 12 9 6"></polyline>
</svg> </svg>