adjust arrow style

This commit is contained in:
Samuel Newman
2026-03-04 10:22:08 +02:00
parent 92de981547
commit 763e4f6e29
+9 -9
View File
@@ -16,9 +16,9 @@ import {LANGUAGES} from '#/locale/languages'
import {useLanguagePrefs} from '#/state/preferences' import {useLanguagePrefs} from '#/state/preferences'
import {atoms as a, native, useTheme} from '#/alf' import {atoms as a, native, useTheme} from '#/alf'
import {Button} from '#/components/Button' import {Button} from '#/components/Button'
import {ArrowRight_Stroke2_Corner0_Rounded as ArrowRight} from '#/components/icons/Arrow' import {ArrowRight_Stroke2_Corner0_Rounded as ArrowRightIcon} from '#/components/icons/Arrow'
import {TimesLarge_Stroke2_Corner0_Rounded as Times} from '#/components/icons/Times' import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '#/components/icons/Times'
import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning' import {Warning_Stroke2_Corner0_Rounded as WarningIcon} from '#/components/icons/Warning'
import {Loader} from '#/components/Loader' import {Loader} from '#/components/Loader'
import * as Select from '#/components/Select' import * as Select from '#/components/Select'
import {Text} from '#/components/Typography' import {Text} from '#/components/Typography'
@@ -173,7 +173,7 @@ function TranslationError({
<View <View
style={[a.flex_row, a.flex_wrap, a.align_center, a.justify_between]}> style={[a.flex_row, a.flex_wrap, a.align_center, a.justify_between]}>
<View style={[a.flex_row, a.align_center, a.mb_sm, a.gap_xs]}> <View style={[a.flex_row, a.align_center, a.mb_sm, a.gap_xs]}>
<Warning size="sm" fill={t.atoms.text_contrast_medium.color} /> <WarningIcon size="sm" fill={t.atoms.text_contrast_medium.color} />
<Text style={[a.text_xs, a.font_medium, t.atoms.text_contrast_high]}> <Text style={[a.text_xs, a.font_medium, t.atoms.text_contrast_high]}>
{message} {message}
</Text> </Text>
@@ -184,7 +184,7 @@ function TranslationError({
hitSlop={HITSLOP_30} hitSlop={HITSLOP_30}
hoverStyle={native({opacity: 0.5})} hoverStyle={native({opacity: 0.5})}
onPress={clearTranslation}> onPress={clearTranslation}>
<Times size="sm" fill={t.atoms.text_contrast_medium.color} /> <XIcon size="sm" fill={t.atoms.text_contrast_medium.color} />
</Button> </Button>
</View> </View>
</View> </View>
@@ -248,9 +248,9 @@ function TranslationResult({
]}> ]}>
{langName}{' '} {langName}{' '}
</Text> </Text>
<View> <View style={[a.mt_2xs]}>
<ArrowRight <ArrowRightIcon
size="sm" size="xs"
fill={t.atoms.text_contrast_medium.color} fill={t.atoms.text_contrast_medium.color}
/> />
</View> </View>
@@ -306,7 +306,7 @@ function TranslationResult({
hoverStyle={native({opacity: 0.5})} hoverStyle={native({opacity: 0.5})}
style={[a.absolute, a.z_10, {top: 12, right: 14}]} style={[a.absolute, a.z_10, {top: 12, right: 14}]}
onPress={clearTranslation}> onPress={clearTranslation}>
<Times size="sm" fill={t.atoms.text_contrast_medium.color} /> <XIcon size="sm" fill={t.atoms.text_contrast_medium.color} />
</Button> </Button>
</View> </View>
</View> </View>