goddonebianu/learn-languages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add scrollable container to Memorize card to prevent button jumping

Browse Source
This commit is contained in:
goddonebianu
2026-03-18 14:22:00 +08:00
parent 911343ce0d
commit dda7d64dee
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/decks/[deck_id]/learn/Memorize.tsx
View File

@@ -366,8 +366,9 @@ const Memorize: React.FC<MemorizeProps> = ({ deckId, deckName }) => {
</HStack> </HStack>
</VStack> </VStack>
<div className={`bg-white border border-gray-200 rounded-xl shadow-sm mb-6 ${myFont.className}`}> <div className={`bg-white border border-gray-200 rounded-xl shadow-sm mb-6 h-[50dvh] flex flex-col ${myFont.className}`}>
{isDictation ? ( <div className="flex-1 overflow-y-auto">
{isDictation ? (
<> <>
<VStack align="center" justify="center" gap={4} className="p-8 min-h-[20dvh]"> <VStack align="center" justify="center" gap={4} className="p-8 min-h-[20dvh]">
{currentCard.ipa ? ( {currentCard.ipa ? (
@@ -411,6 +412,7 @@ const Memorize: React.FC<MemorizeProps> = ({ deckId, deckName }) => {
)} )}
</> </>
)} )}
</div>
</div> </div>
<HStack justify="center"> <HStack justify="center">