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

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

@@ -366,7 +366,8 @@ 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}`}>
<div className="flex-1 overflow-y-auto">
{isDictation ? ( {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]">
@@ -412,6 +413,7 @@ const Memorize: React.FC<MemorizeProps> = ({ deckId, deckName }) => {
</> </>
)} )}
</div> </div>
</div>
<HStack justify="center"> <HStack justify="center">
{!showAnswer ? ( {!showAnswer ? (