mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

OnboardingFlowModal: improve spacing between dots and card

merge-requests/3318/head
Alex Gleason 2025-01-28 14:27:05 -06:00
rodzic e46211bdc7
commit 867f37b030
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 19 dodań i 18 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

5
src/features/ui/components/modals/onboarding-flow-modal/onboarding-flow-modal.tsx
Wyświetl plik

@ -78,7 +78,7 @@ const OnboardingFlowModal: React.FC<IOnboardingFlowModal> = ({ onClose }) => {
return ( return (
<Stack space={4} justifyContent='center' alignItems='center' className='relative w-full'> <Stack justifyContent='center' alignItems='center' className='relative w-full'>
<Modal width='2xl' onClose={handleComplete} theme='transparent'> <Modal width='2xl' onClose={handleComplete} theme='transparent'>
<Stack space={4}> <Stack space={4}>
<ReactSwipeableViews animateHeight index={currentStep} onChangeIndex={handleSwipe}> <ReactSwipeableViews animateHeight index={currentStep} onChangeIndex={handleSwipe}>
@ -96,7 +96,7 @@ const OnboardingFlowModal: React.FC<IOnboardingFlowModal> = ({ onClose }) => {
</div> </div>
))} ))}
</ReactSwipeableViews> </ReactSwipeableViews>
</Stack>
<div className='relative flex w-full justify-center'> <div className='relative flex w-full justify-center'>
<HStack space={3} alignItems='center' justifyContent='center' className='absolute h-10'> <HStack space={3} alignItems='center' justifyContent='center' className='absolute h-10'>
{steps.map((_, i) => ( {steps.map((_, i) => (
@ -113,6 +113,7 @@ const OnboardingFlowModal: React.FC<IOnboardingFlowModal> = ({ onClose }) => {
))} ))}
</HStack> </HStack>
</div> </div>
</Stack>
</Modal> </Modal>
</Stack> </Stack>
); );