mirror of
https://github.com/LBRYFoundation/lbry-android.git
synced 2025-08-26 23:13:36 +00:00
118 lines
2.2 KiB
JavaScript
118 lines
2.2 KiB
JavaScript
import { StyleSheet, Dimensions } from 'react-native';
|
|
import Colors from './colors';
|
|
|
|
const screenDimension = Dimensions.get('window');
|
|
const screenWidth = screenDimension.width;
|
|
|
|
const filePageStyle = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
},
|
|
pageContainer: {
|
|
flex: 1
|
|
},
|
|
mediaContainer: {
|
|
alignItems: 'center',
|
|
width: screenWidth,
|
|
height: 220,
|
|
},
|
|
emptyClaimText: {
|
|
fontFamily: 'Metropolis-Regular',
|
|
textAlign: 'center',
|
|
fontSize: 20,
|
|
marginLeft: 16,
|
|
marginRight: 16
|
|
},
|
|
scrollContainer: {
|
|
flex: 1,
|
|
marginTop: -16,
|
|
marginBottom: -4,
|
|
paddingTop: 10
|
|
},
|
|
scrollContainerActions: {
|
|
flex: 1
|
|
},
|
|
title: {
|
|
fontFamily: 'Metropolis-Bold',
|
|
fontSize: 24,
|
|
marginTop: 12,
|
|
marginLeft: 20,
|
|
marginRight: 20,
|
|
marginBottom: 12
|
|
},
|
|
channelName: {
|
|
fontFamily: 'Metropolis-SemiBold',
|
|
fontSize: 20,
|
|
marginLeft: 20,
|
|
marginRight: 20,
|
|
marginBottom: 20,
|
|
color: Colors.ChannelGrey
|
|
},
|
|
description: {
|
|
fontFamily: 'Metropolis-Regular',
|
|
fontSize: 16,
|
|
marginLeft: 20,
|
|
marginRight: 20,
|
|
marginBottom: 40,
|
|
color: Colors.DescriptionGrey
|
|
},
|
|
thumbnail: {
|
|
width: screenWidth,
|
|
height: 204,
|
|
justifyContent: 'center',
|
|
alignItems: 'center'
|
|
},
|
|
downloadButton: {
|
|
position: 'absolute',
|
|
top: '40%'
|
|
},
|
|
player: {
|
|
flex: 1,
|
|
width: '100%',
|
|
height: '100%',
|
|
marginBottom: 14
|
|
},
|
|
fullscreenMedia: {
|
|
position: 'absolute',
|
|
left: 0,
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
flex: 1,
|
|
backgroundColor: Colors.Black,
|
|
zIndex: 100
|
|
},
|
|
actions: {
|
|
paddingLeft: 16,
|
|
paddingRight: 16,
|
|
paddingTop: 16,
|
|
paddingBottom: 8,
|
|
marginTop: -14,
|
|
width: '50%',
|
|
},
|
|
deleteButton: {
|
|
backgroundColor: Colors.Red,
|
|
width: 80
|
|
},
|
|
loading: {
|
|
position: 'absolute',
|
|
top: '40%'
|
|
},
|
|
uriContainer: {
|
|
padding: 8,
|
|
backgroundColor: Colors.VeryLightGrey,
|
|
alignSelf: 'flex-end'
|
|
},
|
|
uriText: {
|
|
backgroundColor: Colors.White,
|
|
borderWidth: 1,
|
|
borderColor: Colors.LightGrey,
|
|
padding: 8,
|
|
borderRadius: 4,
|
|
fontFamily: 'Metropolis-Regular',
|
|
fontSize: 16
|
|
}
|
|
});
|
|
|
|
export default filePageStyle;
|