Reposition 'load latest' based on minimal shell mode
parent
1aec0ee156
commit
e37ac91bee
|
@ -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',
|
||||||
|
|
Loading…
Reference in New Issue