@@ -29,30 +29,30 @@ export const SettingsWidget: FC = observer(() => {
29
29
const [ selected , setSelected ] = useState < ITEM > ( 'GENERAL' )
30
30
31
31
return (
32
- < View className = "h-full" >
33
- < View className = "px-4 py-3 flex-row gap-2 subBg" >
34
- < View className = "flex-1" >
35
- < BackButton onPress = { ( ) => store . ui . focusWidget ( Widget . SEARCH ) } />
36
- </ View >
32
+ < View className = "h-full flex-row" >
33
+ < View className = "px-4 py-3 gap-1 border-r border-lightBorder dark:border-darkBorder" >
34
+ < BackButton
35
+ onPress = { ( ) => store . ui . focusWidget ( Widget . SEARCH ) }
36
+ className = "mb-2"
37
+ />
37
38
< SelectableButton
38
- className = "w-24 items-center justify -center"
39
+ className = "w-26 items-center"
39
40
selected = { selected === 'GENERAL' }
40
41
onPress = { ( ) => setSelected ( 'GENERAL' ) }
41
42
title = "General"
42
43
/>
43
44
< SelectableButton
44
- className = "w-24 items-center justify-center "
45
+ className = "w-26 items-center "
45
46
selected = { selected === 'TRANSLATE' }
46
47
onPress = { ( ) => setSelected ( 'TRANSLATE' ) }
47
- title = "Translate "
48
+ title = "Translation "
48
49
/>
49
50
< SelectableButton
50
- className = "w-24 items-center justify-center "
51
+ className = "w-26 items-center "
51
52
selected = { selected === 'ABOUT' }
52
53
onPress = { ( ) => setSelected ( 'ABOUT' ) }
53
54
title = "About"
54
55
/>
55
- < View className = "flex-1" />
56
56
</ View >
57
57
58
58
< View className = "flex-1 h-full" >
@@ -89,16 +89,16 @@ export const SettingsWidget: FC = observer(() => {
89
89
< ScrollView
90
90
className = "flex-1 h-full"
91
91
contentContainerClassName = "justify-center p-5 gap-2" >
92
- < View className = "flex-row items-center p-3 subBg rounded" >
92
+ < View className = "flex-row items-center p-3 subBg rounded-lg border border-lightBorder dark:border-darkBorder " >
93
93
< Text className = "flex-1 text-sm text" > Launch on start</ Text >
94
94
< MySwitch
95
95
value = { store . ui . launchAtLogin }
96
96
onValueChange = { store . ui . setLaunchAtLogin }
97
97
/>
98
98
</ View >
99
- < View className = "p-3 subBg rounded gap-3" >
99
+ < View className = "p-3 subBg rounded gap-3 rounded-lg border border-lightBorder dark:border-darkBorder " >
100
100
< View className = "gap-3" >
101
- < Text className = "flex-1 text-sm" > Global shortcut </ Text >
101
+ < Text className = "flex-1 text-sm" > Global Shortcut </ Text >
102
102
< View className = "flex-1" >
103
103
{ [
104
104
{ label : '⌘ Space' , value : 'command' as const } ,
@@ -173,6 +173,7 @@ export const SettingsWidget: FC = observer(() => {
173
173
{ label : 'Google' , value : 'google' as const } ,
174
174
{ label : 'DuckDuckGo' , value : 'duckduckgo' as const } ,
175
175
{ label : 'Bing' , value : 'bing' as const } ,
176
+ { label : 'Perplexity' , value : 'perplexity' as const } ,
176
177
] . map ( ( { label, value} , idx ) => {
177
178
return (
178
179
< MyRadioButton
@@ -190,12 +191,12 @@ export const SettingsWidget: FC = observer(() => {
190
191
</ View >
191
192
</ View >
192
193
193
- < View className = "p-3 subBg rounded gap-3 " >
194
- < Text > File Search Paths</ Text >
195
- { store . ui . searchFolders . map ( ( folder , index ) => {
194
+ < View className = "p-3 subBg rounded gap-2 rounded-lg border border-lightBorder dark:border-darkBorder " >
195
+ < Text className = "mb-1" > File Search Paths</ Text >
196
+ { store . ui . searchFolders . map ( folder => {
196
197
return (
197
- < View className = "flex-row items-center gap -2" >
198
- < Text className = "flex-1 text-neutral-500 dark:text-neutral-200 " >
198
+ < View className = "flex-row items-center border-b border-lightBorder dark:border-darkBorder pb -2" >
199
+ < Text className = "flex-1 text-neutral-500 dark:text-neutral-400 " >
199
200
{ folder }
200
201
</ Text >
201
202
< TouchableOpacity
@@ -226,7 +227,7 @@ export const SettingsWidget: FC = observer(() => {
226
227
</ View >
227
228
</ View >
228
229
229
- < View className = "p-3 subBg rounded gap-3" >
230
+ < View className = "p-3 subBg rounded gap-3 rounded-lg border border-lightBorder dark:border-darkBorder " >
230
231
< View className = "gap-3" >
231
232
< Text className = "" > Show window on</ Text >
232
233
< View className = "flex-1" >
0 commit comments