Make text inputs outlined

This commit is contained in:
Brandon Presley 2022-08-25 12:35:09 +12:00
parent 80e9ffcaad
commit c54396cb9c
2 changed files with 7 additions and 0 deletions

View File

@ -46,6 +46,7 @@ export default function SetForm({
selectTextOnFocus selectTextOnFocus
autoFocus={!name} autoFocus={!name}
onSubmitEditing={() => repsRef.current?.focus()} onSubmitEditing={() => repsRef.current?.focus()}
mode="outlined"
/> />
<TextInput <TextInput
style={styles.marginBottom} style={styles.marginBottom}
@ -60,6 +61,7 @@ export default function SetForm({
selectTextOnFocus selectTextOnFocus
blurOnSubmit={false} blurOnSubmit={false}
ref={repsRef} ref={repsRef}
mode="outlined"
/> />
<TextInput <TextInput
style={styles.marginBottom} style={styles.marginBottom}
@ -70,6 +72,7 @@ export default function SetForm({
onSubmitEditing={handleSubmit} onSubmitEditing={handleSubmit}
ref={weightRef} ref={weightRef}
selectTextOnFocus selectTextOnFocus
mode="outlined"
/> />
<TextInput <TextInput
style={styles.marginBottom} style={styles.marginBottom}
@ -78,6 +81,7 @@ export default function SetForm({
onChangeText={setUnit} onChangeText={setUnit}
onSubmitEditing={handleSubmit} onSubmitEditing={handleSubmit}
selectTextOnFocus selectTextOnFocus
mode="outlined"
/> />
{set.created && ( {set.created && (
<Text style={{marginBottom: 10}}> <Text style={{marginBottom: 10}}>

View File

@ -85,6 +85,7 @@ export default function SettingsPage() {
name: 'Sets per workout', name: 'Sets per workout',
element: ( element: (
<TextInput <TextInput
mode="outlined"
label="Sets per workout" label="Sets per workout"
value={maxSets} value={maxSets}
keyboardType="numeric" keyboardType="numeric"
@ -100,6 +101,7 @@ export default function SettingsPage() {
name: 'Rest minutes', name: 'Rest minutes',
element: ( element: (
<TextInput <TextInput
mode="outlined"
label="Rest minutes" label="Rest minutes"
value={minutes} value={minutes}
keyboardType="numeric" keyboardType="numeric"
@ -116,6 +118,7 @@ export default function SettingsPage() {
name: 'Rest seconds', name: 'Rest seconds',
element: ( element: (
<TextInput <TextInput
mode="outlined"
label="Rest seconds" label="Rest seconds"
value={seconds} value={seconds}
keyboardType="numeric" keyboardType="numeric"