Reposition 'load latest' based on minimal shell mode

zio/stable
Paul Frazee 2022-12-13 11:15:18 -06:00
parent 1aec0ee156
commit e37ac91bee
1 changed files with 8 additions and 2 deletions

View File

@ -101,7 +101,10 @@ export const Home = observer(function Home({
/> />
{defaultFeedView.hasNewLatest ? ( {defaultFeedView.hasNewLatest ? (
<TouchableOpacity <TouchableOpacity
style={styles.loadLatest} style={[
styles.loadLatest,
store.shell.minimalShellMode ? styles.loadLatestLow : undefined,
]}
onPress={onPressLoadLatest} onPress={onPressLoadLatest}
hitSlop={HITSLOP}> hitSlop={HITSLOP}>
<FontAwesomeIcon icon="arrow-up" style={{color: colors.white}} /> <FontAwesomeIcon icon="arrow-up" style={{color: colors.white}} />
@ -117,7 +120,7 @@ const styles = StyleSheet.create({
flexDirection: 'row', flexDirection: 'row',
position: 'absolute', position: 'absolute',
left: 10, left: 10,
bottom: 15, bottom: 60,
backgroundColor: colors.pink3, backgroundColor: colors.pink3,
paddingHorizontal: 12, paddingHorizontal: 12,
paddingVertical: 10, paddingVertical: 10,
@ -126,6 +129,9 @@ const styles = StyleSheet.create({
shadowOpacity: 0.3, shadowOpacity: 0.3,
shadowOffset: {width: 0, height: 1}, shadowOffset: {width: 0, height: 1},
}, },
loadLatestLow: {
bottom: 15,
},
loadLatestText: { loadLatestText: {
color: colors.white, color: colors.white,
fontWeight: 'bold', fontWeight: 'bold',