adjust arrow style
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user