import { StyleSheet, PixelRatio } from 'react-native';
import sharedStyles from '../../views/Styles';
export const ROW_HEIGHT = 75 * PixelRatio.getFontScale();
export const ACTION_WIDTH = 80;
export const SMALL_SWIPE = ACTION_WIDTH / 2;
export const LONG_SWIPE = ACTION_WIDTH * 3;
export default StyleSheet.create({
flex: {
flex: 1
},
container: {
flexDirection: 'row',
alignItems: 'center',
paddingLeft: 14,
height: ROW_HEIGHT
centerContainer: {
flex: 1,
paddingVertical: 10,
paddingRight: 14,
borderBottomWidth: StyleSheet.hairlineWidth
title: {
fontSize: 17,
lineHeight: 20,
...sharedStyles.textMedium
alert: {
...sharedStyles.textSemibold
row: {
alignItems: 'flex-start'
titleContainer: {
width: '100%',
justifyContent: 'center'
date: {
fontSize: 13,
marginLeft: 4,
...sharedStyles.textRegular
updateAlert: {
status: {
marginRight: 2
markdownText: {
fontSize: 14,
lineHeight: 17,
avatar: {
marginRight: 10
upperContainer: {
overflow: 'hidden'
actionsContainer: {
position: 'absolute',
left: 0,
right: 0,
actionText: {
fontSize: 15,
justifyContent: 'center',
marginTop: 4,
actionLeftButtonContainer: {
height: ROW_HEIGHT,
top: 0,
right: 0
actionRightButtonContainer: {
top: 0
actionButton: {
width: ACTION_WIDTH,
height: '100%',
tagContainer: {
alignSelf: 'center',
borderRadius: 4,
marginHorizontal: 4
tagText: {
paddingHorizontal: 4,
}
});