Elijah/Study
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: Resolve multiple mobile UX issues including swiping and header layouts
All checks were successful
Automated Container Build / build-and-push (push) Successful in 50s
Details

Browse source
This commit is contained in:
Elijah 2026-06-28 11:58:47 -07:00
parent 4ea58da3cd
commit 7d2c466e9b
4 changed files with 74 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/flashcards/FlashcardViewer.tsx
View file

@ -146,7 +146,7 @@ export function FlashcardViewer({ cards, deckId, isShared = false, initialProgre
// Touch handlers for swipe
function handleTouchStart(e: React.TouchEvent) {
if (!isFlipped) return;
if (!hasFlippedOnce) return;
dragRef.current = {
startX: e.touches[0].clientX,
currentX: e.touches[0].clientX,
@ -350,7 +350,7 @@ export function FlashcardViewer({ cards, deckId, isShared = false, initialProgre
</ReactMarkdown>
</div>
<p className="mt-6 text-xs text-text-muted">
Tap or press Space to flip
Tap <span className="hidden md:inline">or press Space </span>to flip
</p>
</div>