zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Fix App Passwords iOS dark mode modal

zio/stable
renahlee 2023-04-21 22:10:45 -07:00
parent 2b96279103
commit 7d43e25933
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/view/com/modals/AddAppPasswords.tsx
View File

@ -90,14 +90,16 @@ export function Component({}: {}) {
<View style={[styles.container, pal.view]} testID="addAppPasswordsModal"> <View style={[styles.container, pal.view]} testID="addAppPasswordsModal">
<View> <View>
{!appPassword ? ( {!appPassword ? (
<Text type="lg"> <Text type="lg" style={[pal.text]}>
Please enter a unique name for this App Password. We have generated Please enter a unique name for this App Password. We have generated
a random name for you. a random name for you.
</Text> </Text>
) : ( ) : (
<Text type="lg"> <Text type="lg" style={[pal.text]}>
<Text type="lg-bold">Here is your app password.</Text> Use this to <Text type="lg-bold" style={[pal.text]}>
sign into the other app along with your handle. Here is your app password.
</Text>{' '}
Use this to sign into the other app along with your handle.
</Text> </Text>
)} )}
{!appPassword ? ( {!appPassword ? (
@ -126,7 +128,9 @@ export function Component({}: {}) {
<TouchableOpacity <TouchableOpacity
style={[pal.border, styles.passwordContainer, pal.btn]} style={[pal.border, styles.passwordContainer, pal.btn]}
onPress={onCopy}> onPress={onCopy}>
<Text type="2xl-bold">{appPassword}</Text> <Text type="2xl-bold" style={[pal.text]}>
{appPassword}
</Text>
{wasCopied ? ( {wasCopied ? (
<Text style={[pal.textLight]}>Copied</Text> <Text style={[pal.textLight]}>Copied</Text>
) : ( ) : (
@ -162,7 +166,7 @@ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
paddingBottom: isDesktopWeb ? 0 : 50, paddingBottom: isDesktopWeb ? 0 : 50,
marginHorizontal: 16, paddingHorizontal: 16,
}, },
textInputWrapper: { textInputWrapper: {
borderRadius: 8, borderRadius: 8,