diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-03-07 17:17:44 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-07 17:17:44 -0600 |
| commit | 181121b4519e6958fc0698b40c39456d54e0d8d2 (patch) | |
| tree | 6808b27cd24d4a51027cde0dc00e9ed979361b35 /src/view/com/util/FAB.tsx | |
| parent | e74f94bc72cdbb2282096b8d36677ba6655ab5be (diff) | |
| download | voidsky-181121b4519e6958fc0698b40c39456d54e0d8d2.tar.zst | |
Another set of UI updates (FAB returns, a few others) (#281)
* Bring back the FAB and move compose out of the footer * Increase the touch target sizes of the header back btns (close #279) * Trigger 'load more' sooner (close #280)
Diffstat (limited to 'src/view/com/util/FAB.tsx')
| -rw-r--r-- | src/view/com/util/FAB.tsx | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/src/view/com/util/FAB.tsx b/src/view/com/util/FAB.tsx index 007ca0ee4..3427d368e 100644 --- a/src/view/com/util/FAB.tsx +++ b/src/view/com/util/FAB.tsx @@ -7,9 +7,7 @@ import { TouchableWithoutFeedback, } from 'react-native' import LinearGradient from 'react-native-linear-gradient' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' -import {IconProp} from '@fortawesome/fontawesome-svg-core' -import {colors, gradients} from 'lib/styles' +import {gradients} from 'lib/styles' import {useAnimatedValue} from 'lib/hooks/useAnimatedValue' import {useStores} from 'state/index' @@ -21,7 +19,7 @@ export const FAB = observer( onPress, }: { testID?: string - icon: IconProp + icon: JSX.Element onPress: OnPress }) => { const store = useStores() @@ -45,7 +43,7 @@ export const FAB = observer( start={{x: 0, y: 0}} end={{x: 1, y: 1}} style={styles.inner}> - <FontAwesomeIcon size={24} icon={icon} color={colors.white} /> + {icon} </LinearGradient> </Animated.View> </TouchableWithoutFeedback> @@ -57,7 +55,7 @@ const styles = StyleSheet.create({ outer: { position: 'absolute', zIndex: 1, - right: 22, + right: 28, bottom: 94, width: 60, height: 60, |