kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
OnboardingFlowModal: improve spacing between dots and card
rodzic
e46211bdc7
commit
867f37b030
|
@ -78,8 +78,8 @@ const OnboardingFlowModal: React.FC<IOnboardingFlowModal> = ({ onClose }) => {
|
|||
|
||||
|
||||
return (
|
||||
<Stack space={4} justifyContent='center' alignItems='center' className='relative w-full'>
|
||||
<Modal width='2xl' onClose={handleComplete} theme='transparent' >
|
||||
<Stack justifyContent='center' alignItems='center' className='relative w-full'>
|
||||
<Modal width='2xl' onClose={handleComplete} theme='transparent'>
|
||||
<Stack space={4}>
|
||||
<ReactSwipeableViews animateHeight index={currentStep} onChangeIndex={handleSwipe}>
|
||||
{steps.map((step, i) => (
|
||||
|
@ -96,7 +96,7 @@ const OnboardingFlowModal: React.FC<IOnboardingFlowModal> = ({ onClose }) => {
|
|||
</div>
|
||||
))}
|
||||
</ReactSwipeableViews>
|
||||
</Stack>
|
||||
|
||||
<div className='relative flex w-full justify-center'>
|
||||
<HStack space={3} alignItems='center' justifyContent='center' className='absolute h-10'>
|
||||
{steps.map((_, i) => (
|
||||
|
@ -113,6 +113,7 @@ const OnboardingFlowModal: React.FC<IOnboardingFlowModal> = ({ onClose }) => {
|
|||
))}
|
||||
</HStack>
|
||||
</div>
|
||||
</Stack>
|
||||
</Modal>
|
||||
</Stack>
|
||||
);
|
||||
|
|
Ładowanie…
Reference in New Issue