martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-11 19:19:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

adjusting modal layout

Browse Source
This commit is contained in:
balzack 2023-09-12 22:52:45 -07:00
parent 04e4da7aa3
commit 8c1eb824e7
2 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
app/mobile/src/session/settings/Settings.jsx
View File

@ -383,23 +383,21 @@ export function Settings() {
onChangeText={actions.setSealPassword}
/>
<View style={styles.buttons}>
{ state.sealPassword && (
<TouchableOpacity style={styles.enabledButton} activeOpacity={1} onPress={() => sealAction(actions.unlockKey)}>
{ busy && (
<ActivityIndicator style={styles.modalBusy} animating={true} color={Colors.primaryButtonText} />
)}
{ !busy && (
<Text style={styles.enabledButtonText}>{ state.strings.unlock }</Text>
)}
</TouchableOpacity>
)}
{ !state.sealPassword && (
<View style={styles.disabledButton}>
<Text style={styles.disabledButtonText}>{ state.strings.unlock }</Text>
</View>
)}
</View>
{ state.sealPassword && (
<TouchableOpacity style={styles.enabledButton} activeOpacity={1} onPress={() => sealAction(actions.unlockKey)}>
{ busy && (
<ActivityIndicator style={styles.modalBusy} animating={true} color={Colors.primaryButtonText} />
)}
{ !busy && (
<Text style={styles.enabledButtonText}>{ state.strings.unlock }</Text>
)}
</TouchableOpacity>
)}
{ !state.sealPassword && (
<View style={styles.disabledButton}>
<Text style={styles.disabledButtonText}>{ state.strings.unlock }</Text>
</View>
)}
<TouchableOpacity activeOpacity={1} onPress={actions.showSealRemove}>
<Text style={styles.dangerText}>{ state.strings.removeSeal }</Text>
</TouchableOpacity>

8
app/mobile/src/session/settings/Settings.styled.js
View File

@ -192,7 +192,7 @@ export const styles = StyleSheet.create({
right: 16,
},
enabledButton: {
marginTop: 8,
marginTop: 24,
marginBottom: 16,
borderRadius: 4,
backgroundColor: Colors.primaryButton,
@ -207,7 +207,7 @@ export const styles = StyleSheet.create({
fontFamily: 'Roboto',
},
disabledButton: {
marginTop: 8,
marginTop: 24,
marginBottom: 16,
borderRadius: 4,
backgroundColor: Colors.disabledButton,
@ -222,7 +222,7 @@ export const styles = StyleSheet.create({
fontFamily: 'Roboto',
},
dangerButton: {
marginTop: 8,
marginTop: 24,
marginBottom: 16,
borderRadius: 4,
backgroundColor: Colors.dangerButton,
@ -253,7 +253,7 @@ export const styles = StyleSheet.create({
fontFamily: 'Roboto',
},
cancelButton: {
marginTop: 8,
marginTop: 24,
marginBottom: 16,
marginRight: 16,
borderRadius: 4,