acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

adjust web styles of footer

Browse Source
This commit is contained in:
Hailey
2024-06-14 13:16:19 -07:00
parent d30734f138
commit 617639cd7e
1 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/StarterPack/Wizard/index.tsx
+41 -39
View File
@@ -559,7 +559,7 @@ function Footer({
t.atoms.bg, t.atoms.bg,
t.atoms.border_contrast_medium, t.atoms.border_contrast_medium,
{ {
height: 224, height: isNative ? 224 : 200,
paddingBottom: 20 + bottomInset, paddingBottom: 20 + bottomInset,
}, },
isNative && [ isNative && [
@@ -641,54 +641,56 @@ function Footer({
)} )}
</Text> </Text>
)} )}
{state.currentStep === 'Profiles' && items.length < 8 ? (
<Text <View
style={[ style={[
a.font_bold, a.flex_row,
textStyles, a.w_full,
t.atoms.text_contrast_medium, a.justify_between,
{marginTop: 'auto'}, a.align_center,
]}> {marginTop: 'auto'},
<Trans> ]}>
Add {8 - items.length} more{' '} {isEditEnabled ? (
<Plural value={8 - items.length} one="person" other="people" /> to <Button
continue label={_(msg`Edit`)}
</Trans> variant="ghost"
</Text> color="primary"
) : ( size="small"
<View style={{width: 50}}
style={[ onPress={editDialogControl.open}>
a.flex_row, <ButtonText>
a.w_full, <Trans>Edit</Trans>
a.justify_between, </ButtonText>
{marginTop: 'auto'}, </Button>
]}> ) : (
{isEditEnabled ? ( <View style={{width: 50}} />
<Button )}
label={_(msg`Edit`)} {state.currentStep === 'Profiles' && items.length < 8 ? (
variant="ghost" <>
color="primary" <Text
size="small" style={[a.font_bold, textStyles, t.atoms.text_contrast_medium]}>
onPress={editDialogControl.open}> <Trans>
<ButtonText> Add {8 - items.length} more{' '}
<Trans>Edit</Trans> <Plural value={8 - items.length} one="person" other="people" />{' '}
</ButtonText> to continue
</Button> </Trans>
) : ( </Text>
<View /> <View style={{width: 50}} />
)} </>
) : (
<Button <Button
label={nextBtnText} label={nextBtnText}
variant="solid" variant="solid"
color="primary" color="primary"
size="small" size="small"
style={{width: 50}}
onPress={onNext} onPress={onNext}
disabled={!state.canNext}> disabled={!state.canNext}>
<ButtonText>{nextBtnText}</ButtonText> <ButtonText>{nextBtnText}</ButtonText>
{state.processing && <Loader size="xs" style={{color: 'white'}} />} {state.processing && <Loader size="xs" style={{color: 'white'}} />}
</Button> </Button>
</View> )}
)} </View>
<WizardEditListDialog <WizardEditListDialog
control={editDialogControl} control={editDialogControl}