52 lines
1.1 KiB
JavaScript
52 lines
1.1 KiB
JavaScript
import { StyleSheet } from 'react-native';
|
|
import Colors from './colors';
|
|
|
|
const floatingButtonStyle = StyleSheet.create({
|
|
view: {
|
|
position: 'absolute',
|
|
zIndex: 100,
|
|
borderRadius: 24,
|
|
padding: 14,
|
|
justifyContent: 'flex-end',
|
|
flexDirection: 'row'
|
|
},
|
|
container: {
|
|
zIndex: 100,
|
|
borderRadius: 24,
|
|
padding: 14,
|
|
paddingLeft: 20,
|
|
paddingRight: 20,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
backgroundColor: Colors.LbryGreen,
|
|
shadowColor: 'black',
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: StyleSheet.hairlineWidth,
|
|
shadowOffset: {
|
|
height: StyleSheet.hairlineWidth,
|
|
},
|
|
elevation: 4
|
|
},
|
|
pendingContainer: {
|
|
borderRadius: 24,
|
|
padding: 14,
|
|
paddingLeft: 70,
|
|
paddingRight: 20,
|
|
marginLeft: -60,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
backgroundColor: Colors.BrighterLbryGreen,
|
|
elevation: 3
|
|
},
|
|
text: {
|
|
color: Colors.White,
|
|
fontFamily: 'Inter-UI-Bold',
|
|
fontSize: 18,
|
|
},
|
|
bottomRight: {
|
|
right: 10,
|
|
bottom: 10
|
|
}
|
|
});
|
|
|
|
export default floatingButtonStyle;
|