stream.place
fork
Configure Feed
Select the types of activity you want to include in your feed.
Live video on the AT Protocol
fork
Configure Feed
Select the types of activity you want to include in your feed.
fix overflowing settings on mobile
+41
-46
+41
-46
js/app/components/settings/settings.tsx
+41
-46
js/app/components/settings/settings.tsx
···
51
51
52
52
return (
53
53
<ScrollView>
54
-
<View style={[{ alignItems: "center" }]}>
54
+
<View style={[zero.layout.flex.align.center, zero.px[16], zero.py[24]]}>
55
55
<View
56
56
style={[
57
-
{ gap: 32 },
57
+
zero.gap.all[12],
58
58
{ paddingVertical: 24, maxWidth: 500, width: "100%" },
59
59
]}
60
60
>
···
65
65
<View
66
66
style={[
67
67
{ alignItems: "stretch" },
68
-
{ justifyContent: "flex-start" },
69
-
{ gap: 16 },
68
+
zero.layout.flex.justify.center,
69
+
zero.gap.all[8],
70
70
]}
71
71
>
72
72
<View
73
73
style={[
74
74
{ alignItems: "stretch" },
75
-
{ justifyContent: "flex-start" },
76
-
{ width: "100%", flexDirection: "column" },
75
+
zero.layout.flex.justify.start,
76
+
zero.w.percent[100],
77
+
zero.gap.all[4],
77
78
]}
78
79
>
79
80
<View
···
86
87
<View style={[{ flex: 1 }, { paddingRight: 12 }]}>
87
88
<Text size="xl">Use Custom Node</Text>
88
89
<Text size="lg" color="muted">
89
-
Default: {url}
90
+
Default: {defaultUrl}
90
91
</Text>
91
92
</View>
92
93
<Switch
···
94
95
onValueChange={handleToggleOverride}
95
96
/>
96
97
</View>
97
-
</View>
98
-
99
-
{/* Custom URL Input Row */}
100
-
<View
101
-
style={[
102
-
{
103
-
opacity: overrideEnabled ? 1 : 0,
104
-
height: overrideEnabled ? "auto" : 0,
105
-
},
106
-
zero.gap.all[2],
107
-
zero.layout.flex.align.center,
108
-
zero.layout.flex.row,
109
-
]}
110
-
>
111
-
<Input
112
-
value={newUrl}
113
-
containerStyle={[
114
-
{ flex: 1, flexGrow: 1, width: "100%" },
115
-
zero.flex.grow[1],
98
+
<View
99
+
style={[
100
+
{
101
+
opacity: overrideEnabled ? 1 : 0,
102
+
height: overrideEnabled ? "auto" : 0,
103
+
},
104
+
zero.gap.all[2],
105
+
zero.layout.flex.align.center,
106
+
zero.layout.flex.row,
116
107
]}
117
-
variant="default"
118
-
numberOfLines={1}
119
-
multiline={false}
120
-
placeholder={url || "Enter custom node URL"}
121
-
placeholderTextColor="#999"
122
-
onChangeText={setNewUrl}
123
-
onSubmitEditing={onSubmitUrl}
124
-
textContentType="URL"
125
-
autoCapitalize="none"
126
-
autoCorrect={false}
127
-
keyboardType="url"
128
-
/>
129
-
<Button
130
-
size="md"
131
-
variant="secondary"
132
-
style={[zero.py[0], zero.flex.shrink[1]]}
133
-
onPress={onSubmitUrl}
134
108
>
135
-
<Text size="lg">Save</Text>
136
-
</Button>
109
+
<View style={{ flex: 1 }}>
110
+
<Input
111
+
value={newUrl}
112
+
containerStyle={[
113
+
{ flex: 1, flexGrow: 1, width: "100%" },
114
+
zero.flex.grow[1],
115
+
]}
116
+
variant="default"
117
+
numberOfLines={1}
118
+
multiline={false}
119
+
placeholder={url || "Enter custom node URL"}
120
+
placeholderTextColor="#999"
121
+
onChangeText={setNewUrl}
122
+
onSubmitEditing={onSubmitUrl}
123
+
textContentType="URL"
124
+
autoCapitalize="none"
125
+
autoCorrect={false}
126
+
keyboardType="url"
127
+
/>
128
+
</View>
129
+
<Button size="md" variant="secondary" onPress={onSubmitUrl}>
130
+
<Text size="lg">Save</Text>
131
+
</Button>
132
+
</View>
137
133
</View>
138
134
</View>
139
135
···
165
161
</View>
166
162
</AQLink>
167
163
<WebhookManager />
168
-
<Button></Button>
169
164
</>
170
165
)}
171
166
</View>