Reposition 'load latest' based on minimal shell mode
This commit is contained in:
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user