Untitled
unknown
plain_text
2 years ago
47 kB
11
Indexable
// Customizable Area Start
// @ts-nocheck
// @ts-ignore
import { StyleSheet, Dimensions, Platform, PixelRatio } from 'react-native';
import COLOR_CONST, { FONTS } from '../../../../framework/src/AppFonts';
import Scale, { verticalScale } from '../../../../framework/src/Scale';
import {
heightPercentageToDP,
widthPercentageToDP,
} from 'react-native-responsive-screen';
const { width, height } = Dimensions.get('screen');
import {
responsiveHeight,
responsiveWidth,
responsiveFontSize,
} from 'react-native-responsive-dimensions';
import { primaryColor } from '../../../../framework/src/Utilities';
import Apptheme from '../../../HamburgerMenu/src/Apptheme';
let screenWidth = Dimensions.get('window').width;
let screenHeight = Dimensions.get('window').height;
//Artboard Dimension
let artBoardHeightOrg = 812;
let artBoardWidthOrg = 375;
//Re calculated Artboard Dimension
let artBoardWidth = isSameRatio() ? artBoardWidthOrg : screenWidth;
let artBoardHeight = isSameRatio() ? artBoardHeightOrg : screenHeight;
// To check if Artboard and Device screen has same ratio
function isSameRatio(): boolean {
return (
artBoardWidthOrg / artBoardHeightOrg < 1 && screenWidth / screenHeight < 1
);
}
//Top or Bottom nav spaces or any extra space occupied by os e.g Status bar, Notch
let extraSpace = 0;
function deviceBasedDynamicDimension(
originalDimen: number,
compareWithWidth: boolean,
resizeFactor: number
): number | undefined {
if (originalDimen != null) {
if (resizeFactor != null) {
originalDimen *= resizeFactor;
}
const compareArtBoardDimenValue = compareWithWidth
? artBoardWidth
: artBoardHeight;
const artBoardScreenDimenRatio =
(originalDimen * 100) / compareArtBoardDimenValue;
let compareCurrentScreenDimenValue = compareWithWidth
? screenWidth
: screenHeight - extraSpace;
if (Platform.OS === 'web') {
return (
responsiveWidth(originalDimen / compareCurrentScreenDimenValue) * 100
);
}
return PixelRatio.roundToNearestPixel(
(artBoardScreenDimenRatio * compareCurrentScreenDimenValue) / 100
);
}
return null;
}
export default StyleSheet.create({
container: {
flex: 1,
maxWidth: 650,
backgroundColor: '#ffffffff',
},
dashIconStyle: {
height: Scale(30),
width: Scale(30),
alignSelf: 'center',
marginVertical: Scale(10),
},
textStyleApple: {
width: Scale(212),
textAlign: 'center',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: '#fff',
textAlignVertical: 'center',
fontFamily: FONTS.RobotoCondensedRegular,
fontSize: deviceBasedDynamicDimension(16, true, 1),
},
spotifyContainer: {
marginTop: verticalScale(15),
height: deviceBasedDynamicDimension(40, true, 1),
width: deviceBasedDynamicDimension(273, true, 1),
backgroundColor: '#292A2F',
borderWidth: Scale(0.5),
borderColor: '#292A2F',
borderRadius: Scale(10),
flexDirection: 'row',
// justifyContent: 'center',
alignSelf: 'center',
alignItems: 'center',
justifyContent: 'center',
},
tabbarstyle: {
fontFamily: FONTS.AppleSymbols,
fontSize: Scale(22),
color: 'white',
fontWeight: '400',
},
boxcontainer: {
backgroundColor: '#292A2F',
height: Scale(40),
width: Scale(200),
alignContent: 'center',
alignItems: 'center',
justifyContent: 'center',
borderRadius: Scale(10),
},
replaybuttontext: {
fontFamily: FONTS.RobotoCondensedRegular,
fontSize: Scale(18),
color: 'white',
fontWeight: '500',
},
touchablestyle: {
marginRight: Scale(20),
marginLeft: Scale(20),
},
touchableStyle1: {
marginLeft: Scale(10),
},
addStyle: {
height: Scale(35),
width: Scale(35),
bottom: Scale(5),
},
feedcardstyle: {
elevation: 10,
// height: Platform.OS === 'ios' ? deviceBasedDynamicDimension(258,true,1) : deviceBasedDynamicDimension(300,true,1),
width:
Platform.OS === 'ios'
? deviceBasedDynamicDimension(324, true, 1)
: deviceBasedDynamicDimension(324.1, true, 1),
//height: deviceBasedDynamicDimension(258, false, 1),
backgroundColor: '#fff',
alignSelf: 'center',
borderRadius: deviceBasedDynamicDimension(15, true, 1),
marginTop: deviceBasedDynamicDimension(18, true, 1),
borderWidth: Scale(0),
marginVertical: 10,
borderColor: 'rgba(1,1,1,0.1)',
shadowColor: 'grey',
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.4,
shadowRadius: 10,
},
modalFirstStyle: {
flex: 0.9,
backgroundColor: '#fff',
borderTopLeftRadius: Scale(20),
borderTopRightRadius: Scale(20),
paddingLeft: Scale(25),
paddingRight: Scale(25),
elevation: 3,
},
placeholderStyle: {
// backgroundColor: '#F9705B',
width: Scale(300),
height: Scale(120),
fontSize: Scale(15),
marginLeft: Scale(10),
color: '#000',
borderColor: 'grey',
borderWidth: 0.5,
elevation: 1,
borderRadius: Scale(12),
padding: 10,
},
modalSecondStyle: {
flex: 0.6,
backgroundColor: '#fff',
borderTopLeftRadius: Scale(20),
borderTopRightRadius: Scale(20),
paddingLeft: Scale(25),
paddingRight: Scale(25),
// borderColor: '#F9705B',
borderRightColor: '#F9705B',
borderLeftColor: '#F9705B',
borderTopWidth: 0.2,
borderRightWidth: 0.2,
borderLeftWidth: 0.3,
elevation: 3,
},
doneButtonStyle: {
height: Scale(56),
width: Scale(300),
alignItems: 'center',
justifyContent: 'center',
borderRadius: Scale(10),
shadowOpacity: 0.9,
marginBottom: Scale(30),
shadowRadius: 2,
shadowOffset: {
height: 1,
width: 1,
},
},
innerTextViewStyle1: {
flex: 0.1,
flexDirection: 'row',
height: Scale(30),
alignItems: 'center',
},
smallCard: {
elevation: 5,
marginLeft: Scale(20),
flexDirection: 'row',
backgroundColor: '#fff',
borderColor: '#cfcbcb',
width: '80%',
height: deviceBasedDynamicDimension(60, true, 1),
borderWidth: 1,
borderRadius: Scale(10),
alignItems: 'center',
marginRight: Scale(15),
},
smallCard4: {
elevation: 5,
// marginLeft: Scale(15),
flexDirection: 'row',
backgroundColor: '#fff',
borderColor: '#cfcbcb',
width: '100%',
height: '100%',
borderWidth: 1,
borderTopLeftRadius: Scale(10),
borderBottomLeftRadius: Scale(10),
alignItems: 'center',
},
smallCard2: {
elevation: 5,
flexDirection: 'row',
width: '100%',
height: '100%',
marginTop: Scale(10),
justifyContent: 'center',
},
innerSecondViewStyle: {
flexDirection: 'row',
// justifyContent: 'space-evenly',
backgroundColor: 'transparent',
width: Scale(65),
height: Scale(30),
alignItems: 'center',
marginLeft: Scale(15),
},
innerTextViewStyle: {
flexDirection: 'row',
justifyContent: 'space-evenly',
width: Scale(130),
height: Scale(30),
alignItems: 'center',
marginLeft: deviceBasedDynamicDimension(10, true, 1),
paddingHorizontal: deviceBasedDynamicDimension(10, true, 1),
},
bottomCardStyle: {
width: '100%',
backgroundColor: 'transparent',
position: 'absolute',
bottom: deviceBasedDynamicDimension(20, true, 1),
zIndex: 1000,
height: '15%',
// backgroundColor: "pink",
},
myDescriptionStyle: {
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
fontFamily: 'AirbnbCerealApp-Book',
color: 'rgba(44, 39, 75, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
plusIconStyle: {
width: Scale(65),
height: Scale(65),
alignItems: 'center',
justifyContent: 'center',
alignSelf: 'flex-end',
position: 'absolute',
bottom: deviceBasedDynamicDimension(81, true, 1),
zIndex: 100000000000,
// marginLeft: Scale(30),
borderRadius: 90,
// marginBottom:Scale(5),
right: Scale(15),
},
cardContaierTwo: {
// height: Scale(200),
// width: deviceBasedDynamicDimension(310, true, 1),
borderColor: '#F9705B',
backgroundColor: 'transparent',
borderWidth: Scale(0.8),
marginTop: Scale(10),
alignSelf: 'center',
borderRadius: Scale(10),
display: 'flex',
margin: deviceBasedDynamicDimension(15, true, 1),
marginHorizontal: deviceBasedDynamicDimension(5, true, 1),
paddingHorizontal: Scale(10),
flex: 1,
},
topCardStyle: {
marginTop: 0,
marginHorizontal: 3,
backgroundColor: '#fff',
shadowColor: 'rgba(1,1,1,0.5)',
shadowOffset: {
width: 3,
height: 3,
},
shadowOpacity: 0.4,
shadowRadius: 2,
elevation: 6,
},
threeIconStyle: {
height: Scale(25),
width: Scale(25),
},
headerContainer: {
width: Scale(375),
height: heightPercentageToDP('20%'),
borderBottomLeftRadius: Scale(30),
borderBottomRightRadius: Scale(30),
backgroundColor: COLOR_CONST.themeColor,
},
containerImages: {
marginTop: Scale(25),
flexDirection: 'row',
width: Scale(375),
justifyContent: 'space-between',
alignItems: 'center',
alignSelf: 'center',
},
menuStyle: {
height: Scale(25),
width: Scale(25),
marginLeft: Scale(10),
alignSelf: 'center',
},
logoStyle: {
height: Scale(60),
width: Scale(70),
alignSelf: 'center',
},
searchIconStyle: {
height: Scale(35),
width: Scale(35),
marginRight: Scale(5),
},
filterstyle: {
height: Scale(25),
width: Scale(25),
marginRight: Scale(10),
bottom: Platform.OS === 'ios' ? Scale(5) : Scale(-5),
tintColor: 'white',
},
hashtag_text: {
fontSize: Scale(14),
color: primaryColor,
fontFamily: FONTS.RobotoCondensedBold,
marginRight: Scale(10),
marginVertical: Scale(10),
},
Textcolor: {
color: 'rgba(1,1, 1, 1)',
fontSize: Scale(14),
paddingHorizontal: Scale(15),
fontFamily: FONTS.RobotoCondensedRegular,
},
spotifyContainer11: {
marginTop: verticalScale(10),
height: deviceBasedDynamicDimension(56, true, 1),
width: deviceBasedDynamicDimension(273, true, 1),
backgroundColor: '#292A2F',
borderWidth: Scale(0.5),
borderColor: '#292A2F',
borderRadius: Scale(10),
flexDirection: 'row',
// justifyContent: 'center',
alignSelf: 'center',
alignItems: 'center',
},
boxColor: {
backgroundColor: 'white',
borderRadius: Scale(20),
marginRight: Scale(10),
alignItems: 'center',
justifyContent: 'center',
borderWidth: 0.5,
height: Scale(20),
marginVertical: Scale(10),
},
followButttonTitleStyle: {
fontSize: Scale(12),
},
followButtonContainerStyle: {
margin: 0,
borderRadius: 21,
alignSelf: 'center',
},
vicon: {
height: Scale(25),
width: Scale(25),
marginRight: Scale(15),
},
bellIconStyle: {
height: Scale(35),
width: Scale(35),
},
storyCircle: {},
blankStory: {
// marginTop: Scale(50),
alignSelf: 'center',
height: Scale(90),
width: Scale(90),
justifyContent: 'center',
alignItems: 'center',
borderRadius: 90,
},
filledstory: {
height: Scale(50),
width: Scale(50),
borderRadius: Scale(90),
marginTop: Scale(10),
},
plusIcon: {
// marginTop: Scale(20),
// height: Scale(40),
// width: Scale(40),
},
direction: {
flexDirection: 'row',
height: deviceBasedDynamicDimension(100, true, 1),
alignItems: 'center',
justifyContent: 'center',
paddingLeft: Scale(20),
marginTop: Scale(5),
// backgroundColor: 'green',
},
colDirection: {
flexDirection: 'column',
},
personStyle: {
height: Scale(50),
width: Scale(50),
marginTop: Scale(10),
borderRadius: Scale(30),
alignItems: 'center',
justifyContent: 'center',
},
storyTxt: {
marginLeft: Scale(12),
marginRight: Scale(10),
color: COLOR_CONST.whiteColor,
marginTop: Scale(8),
fontSize: Scale(14),
},
hideStoryView: {
width: Scale(375),
borderBottomLeftRadius: Scale(30),
borderBottomRightRadius: Scale(30),
backgroundColor: COLOR_CONST.themeColor,
position: 'absolute',
zIndex: 100000,
},
nameTxt: {
color: COLOR_CONST.whiteColor,
fontSize: Scale(14),
width: Scale(80),
marginTop: Scale(35),
marginLeft: Scale(10),
},
toggleContainer: {
height: Scale(50),
width: '98%',
// backgroundColor: COLOR_CONST.toggleBackColor,
//backgroundColor: 'red',
// borderWidth: Scale(1),
// borderRadius: Scale(30),
// borderColor: COLOR_CONST.themeColor,
alignSelf: 'center',
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
position: 'absolute',
// bottom: -20,
zIndex: 100000,
},
toggleTxt: {
marginHorizontal: Scale(5),
height: Scale(40),
width: Scale(90),
justifyContent: 'center',
alignSelf: 'center',
alignItems: 'center',
color: COLOR_CONST.toggleTxtColor,
},
pressToggleText: {
// color: COLOR_CONST.themeColor,
// height: Scale(35),
// backgroundColor: COLOR_CONST.whiteColor,
// // borderRadius: Scale(30),
// justifyContent: 'center',
// alignSelf: 'center',
// alignItems: 'center',
// elevation: 2,
// shadowColor: "#B8B6BE",
// shadowOpacity: 0.5,
// shadowRadius: 2,
// shadowOffset: {
// height: 1,
// width: 1,
// },
},
signinButtonStyle: {
alignSelf: 'center',
alignItems: 'center',
justifyContent: 'center',
flexDirection: 'row',
// backgroundColor: 'yellow',
// shadowColor: COLOR_CONST.DisabledbuttonColor,
shadowColor: '#b8b6be',
shadowOpacity: 0.9,
shadowRadius: 2,
shadowOffset: {
height: 1,
width: 1,
},
},
signInButtonTextStyle: {
color: '#ffffff',
marginLeft: deviceBasedDynamicDimension(80, true, 1),
alignSelf: 'center',
textAlign: 'center',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
textAlignVertical: 'center',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(17, true, 1),
},
forwardIconStyle: {
height: Scale(25),
width: Scale(25),
marginLeft:
Platform.OS == 'ios'
? deviceBasedDynamicDimension(75, true, 1)
: deviceBasedDynamicDimension(80, true, 1),
alignSelf: 'center',
},
songStyleTwo: {
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: '500',
includeFontPadding: false,
color: 'rgba(1, 1, 1, 1)',
fontFamily: FONTS.RobotoCondensedBold,
fontSize: deviceBasedDynamicDimension(14, true, 1),
},
songStyle: {
width: deviceBasedDynamicDimension(110, true, 1),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(1, 1, 1, 1)',
fontFamily: FONTS.RobotoCondensedRegular,
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
chatStyle: {
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: '#00000060',
fontFamily: 'AirbnbCerealApp-Medium',
fontSize: deviceBasedDynamicDimension(13, true, 1),
},
homeStyle: {
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: '#F9705B',
fontFamily: 'AirbnbCerealApp-Medium',
fontSize: deviceBasedDynamicDimension(13, true, 1),
},
pressFeedText: {
color: COLOR_CONST.themeColor,
textAlign: 'center',
// fontFamily: FONTS.AirbnbCereal_Book,
},
feedTxt: {
color: '#00000060',
// fontFamily: FONTS.AirbnbCereal_Book,
},
trendingText: {
color: '#00000060',
//fontFamily: FONTS.AirbnbCereal_Book,
marginRight: Scale(10),
},
pressTrendingText: {
color: COLOR_CONST.themeColor,
textAlign: 'center',
// fontFamily: FONTS.AirbnbCereal_Book,
// marginHorizontal: Scale(10),
alignSelf: 'center',
},
detailsContainer: {
height: Scale(280),
width: Scale(350),
borderColor: COLOR_CONST.themeColor,
backgroundColor: COLOR_CONST.whiteColor,
borderWidth: Scale(1),
marginTop: Scale(40),
alignSelf: 'center',
borderRadius: Scale(20),
},
subDetailContain: {
height: Scale(130),
width: Scale(340),
backgroundColor: COLOR_CONST.whiteColor,
marginTop: Scale(5),
alignSelf: 'center',
borderRadius: Scale(5),
borderColor: COLOR_CONST.whiteColor,
borderWidth: Scale(1),
shadowColor: '#f0f0f0',
shadowOpacity: 5,
shadowRadius: 5,
shadowOffset: {
height: 5,
width: 0,
},
},
songname: {
marginTop: Scale(10),
fontSize: Scale(20),
color: COLOR_CONST.blackColor,
marginLeft: Scale(20),
fontFamily: FONTS.AirbnbCerealMedium,
},
shareIcon: {
marginTop: Scale(17),
marginLeft: Scale(20),
},
postImgstyle: {
marginTop: Scale(10),
marginLeft: Scale(70),
},
singername: {
// marginTop: Scale(10),
fontSize: Scale(14),
color: COLOR_CONST.themeColor,
fontFamily: FONTS.AirbnbCerealBook,
marginLeft: Scale(20),
bottom: Scale(37),
},
storyname: {
marginTop: Scale(5),
fontSize: Scale(15),
color: COLOR_CONST.FutureTxtColor,
fontFamily: FONTS.AirbnbCerealBook,
marginLeft: Scale(20),
bottom: Scale(30),
},
direction1: {
flexDirection: 'row',
justifyContent: 'space-between',
},
profileStyle: {
height: Scale(50),
width: Scale(50),
marginTop: Scale(10),
borderRadius: Scale(90),
},
marryTxtStyle: {
marginTop: Scale(10),
marginLeft: Scale(10),
fontSize: Scale(16),
color: COLOR_CONST.themeColor,
fontFamily: FONTS.AirbnbCerealBook,
},
userNameStyle: {
marginTop: Scale(11),
marginLeft: Scale(5),
fontSize: Scale(14),
color: COLOR_CONST.notificationTxtColor,
fontFamily: FONTS.AirbnbCerealBook,
},
dotsStyle: {
marginTop: Scale(11),
marginLeft: Scale(40),
},
modalstyle: {
flex: 1,
height: Scale(667),
width: Scale(375),
alignItems: 'center',
justifyContent: 'center',
// backgroundColor: '#000000aa',
},
dotsView: {
height: Scale(104),
width: Scale(103),
backgroundColor: COLOR_CONST.whiteColor,
borderRadius: Scale(5),
borderWidth: Scale(1),
borderColor: COLOR_CONST.DisabledbuttonColor,
alignItems: 'center',
marginLeft: Scale(220),
marginTop: Scale(70),
// justifyContent: 'center',
// zIndex: 1000,
},
editTxt: {
marginTop: Scale(5),
// marginLeft: Scale(5),
fontSize: Scale(16),
color: COLOR_CONST.notificationTxtColor,
fontFamily: FONTS.AirbnbCerealBook,
},
editLine: {
marginTop: Scale(5),
},
reviewTxtStyle: {
marginLeft: Scale(70),
// marginTop: Scale(10),
// marginHorizontal: Scale(5),
fontSize: Scale(14),
bottom: Scale(25),
fontFamily: FONTS.AirbnbCerealBook,
color: COLOR_CONST.notificationTxtColor,
},
lineIcon: {
marginLeft: Scale(65),
bottom: Scale(20),
width: Scale(270),
},
hashTxtStyle: {
marginLeft: Scale(70),
fontSize: Scale(14),
bottom: Scale(15),
color: COLOR_CONST.themeColor,
},
hashTxtStyle1: {
marginLeft: Scale(5),
fontSize: Scale(14),
bottom: Scale(15),
color: COLOR_CONST.notificationTxtColor,
},
hashTxtStyle2: {
marginLeft: Scale(5),
fontSize: Scale(14),
bottom: Scale(15),
color: COLOR_CONST.themeColor,
},
timingTxt: {
marginLeft: Scale(45),
fontSize: Scale(12),
bottom: Scale(15),
color: COLOR_CONST.toggleTxtColor,
fontFamily: FONTS.AirbnbCerealBook,
},
imgStyle: {
height: Scale(40),
width: Scale(40),
marginTop: Scale(10),
marginLeft: Scale(10),
bottom: Scale(30),
},
imgStyle1: {
// height: Scale(20),
// width: Scale(20),
marginTop: Scale(25),
// marginLeft: Scale(10),
resizeMode: 'contain',
bottom: Scale(30),
},
imgStyle2: {
// height: Scale(20),
// width: Scale(20),
marginTop: Scale(27),
resizeMode: 'contain',
bottom: Scale(30),
// right: 20
// marginLeft: Scale(10),
},
likeTxt: {
marginTop: Scale(27),
right: 5,
fontSize: Scale(12),
color: COLOR_CONST.DisabledbuttonColor,
bottom: Scale(30),
},
commentTxt: {
marginTop: Scale(27),
right: 5,
fontSize: Scale(12),
color: COLOR_CONST.DisabledbuttonColor,
bottom: Scale(30),
},
cardContaier: {
width: Scale(335),
backgroundColor: '#fff',
borderWidth: Scale(0.8),
alignSelf: 'center',
borderRadius: Scale(20),
},
mainStyleOfCard: {
marginTop: 0,
marginHorizontal: 1.1,
backgroundColor: 'white',
shadowColor: 'rgba(1,1,1,0.3)',
shadowOffset: {
width: 0,
height: 9,
},
shadowOpacity: 0.25,
shadowRadius: 2,
elevation: 4,
borderTopLeftRadius: Scale(20),
borderTopRightRadius: Scale(20),
},
profileViewStyle: {
flexDirection: 'row',
alignSelf: 'center',
alignItems: 'center',
justifyContent: 'center',
flexGrow: 1,
// backgroundColor: '#F9CF55',
},
userNameMainViewStyle: {
flex: 0.75,
// backgroundColor: '#F9CF55',
alignItems: 'flex-start',
marginTop: Scale(5),
width: Scale(150),
overflow: 'hidden',
},
editViewStyle: {
// backgroundColor: 'red',
width: Scale(120),
alignItems: 'center',
justifyContent: 'center',
},
replayTxt: {
marginTop: Scale(27),
right: 5,
fontSize: Scale(12),
color: COLOR_CONST.DisabledbuttonColor,
bottom: Scale(30),
},
imgStyle3: {
// height: Scale(20),
// width: Scale(20),
marginTop: Scale(28),
bottom: Scale(30),
// right: 20
// marginLeft: Scale(10),
},
imgStyle4: {
height: Scale(27),
width: Scale(27),
marginTop: Scale(20),
marginLeft: Scale(10),
right: 15,
bottom: Scale(30),
},
songPlayView: {
height: Scale(60),
width: Scale(120),
backgroundColor: '#00ffffff',
marginBottom: Scale(10),
marginLeft: Scale(20),
marginTop: Scale(10),
borderRadius: Scale(10),
},
spotifyGreenIcon: {
height: Scale(20),
width: Scale(20),
marginLeft: Scale(10),
marginTop: Scale(5),
},
songIcon: {
height: Scale(20),
width: Scale(20),
marginTop: Scale(5),
marginLeft: Scale(30),
right: 10,
},
songNameStyle: {
// fontFamily:
fontSize: Scale(14),
},
singerTxtStyle: {
// fontFamily:
fontSize: Scale(12),
marginLeft: Scale(50),
bottom: 10,
},
FooterNavView: {
height: Scale(60),
width: Scale(230),
backgroundColor: '#00FFFFFF',
marginBottom: Scale(10),
marginLeft: Scale(40),
marginTop: Scale(10),
borderRadius: Scale(10),
},
homeIcon: {
height: Scale(27),
width: Scale(27),
marginTop: Scale(10),
marginLeft: Scale(30),
right: 10,
},
homeTxt: {
marginTop: Scale(3),
marginLeft: Scale(30),
right: 10,
fontSize: Scale(14),
},
reportModal: {
flex: 1,
height: Scale(667),
width: Scale(375),
alignItems: 'flex-end',
// alignSelf: 'flex-start',
justifyContent: 'flex-end',
// backgroundColor: "red",
backgroundColor: '#000000aa',
},
reportViewModal: {
backgroundColor: COLOR_CONST.whiteColor,
height: Scale(400),
width: Scale(375),
borderWidth: 1,
borderColor: '#fff',
borderTopLeftRadius: Scale(30),
borderTopRightRadius: Scale(30),
},
reportModalImg: {
alignSelf: 'center',
marginTop: Scale(5),
},
reportTxt: {
marginLeft: Scale(30),
marginTop: Scale(20),
fontFamily: FONTS.AirbnbCerealBook,
color: COLOR_CONST.blackColor,
fontSize: Scale(20),
},
whyReportTxt: {
marginLeft: Scale(30),
marginTop: Scale(5),
fontFamily: FONTS.AirbnbCerealMedium,
color: COLOR_CONST.blackColor,
fontSize: Scale(18),
},
reportDetails: {
marginLeft: Scale(30),
marginRight: Scale(20),
marginTop: Scale(10),
fontFamily: FONTS.AirbnbCerealBook,
color: '#c3c3c3',
fontSize: Scale(14),
// textAlign: 'center',
},
reportTag: {
marginLeft: Scale(30),
marginTop: Scale(10),
fontFamily: FONTS.AirbnbCerealBook,
color: COLOR_CONST.blackColor,
fontSize: Scale(16),
},
arrowDown: {
alignSelf: 'center',
marginRight: Scale(20),
},
reportItemStyle: {
width: '100%',
height: 0.05,
borderWidth: 0.3,
borderColor: '#d4d3d3',
alignSelf: 'center',
},
userViewStyle: {
justifyContent: 'space-between',
flexDirection: 'row',
marginVertical: Scale(5),
alignItems: 'center',
},
userNameStyleFeed: {
flex: 0.8,
backgroundColor: '#F9CF55',
alignItems: 'flex-start',
marginTop: Scale(15),
marginLeft: Scale(0),
flexDirection: 'row',
paddingLeft: 9,
width: Scale(150),
overflow: 'scroll',
},
handleNameStyelFeed: {
alignSelf: 'flex-start',
// textTransform: 'uppercase',
flexWrap: 'wrap',
maxWidth: widthPercentageToDP('30%'),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: '#F9705B',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Medium',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
songPlayStyle: {
alignSelf: 'center',
marginRight: Scale(5),
marginHorizontal: Scale(5),
width: Scale(60),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(173, 185, 203, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(11, true, 1),
},
likeStyle: {
alignSelf: 'center',
// width: Scale(20),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(173, 185, 203, 1)',
fontFamily: 'AirbnbCerealApp-Book',
textAlign: 'right',
textAlignVertical: 'top',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
commentStyle: {
alignSelf: 'center',
marginRight: Scale(5),
// width: Scale(25),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(173, 185, 203, 1)',
textAlign: 'right',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
mainModalStyle: {
backgroundColor: 'rgba(0,0,0,0.0)',
flex: 1,
margin: 20,
borderRadius: 20,
padding: 35,
alignItems: 'center',
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 4,
justifyContent: 'center',
},
picturestyle: {
top: Scale(50),
marginBottom: Scale(20),
},
modalStyle: {
// justifyContent: "space-around",
alignItems: 'center',
alignSelf: 'center',
backgroundColor: '#fff',
borderRadius: 15,
borderWidth: 1,
borderColor: '#fff',
// display: "flex",
// height: '100%',
paddingHorizontal: Scale(10),
width: '93%',
},
repeatStyle: {
alignSelf: 'center',
marginRight: Scale(5),
// width: Scale(25),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(133, 138, 175, 1)',
textAlign: 'right',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(11, true, 1),
},
deleteViewStyle: {
// backgroundColor: 'red',
width: Scale(120),
alignItems: 'center',
justifyContent: 'center',
},
promoteViewStyle: {
// backgroundColor: 'red',
width: Scale(120),
// alignItems: 'center',
justifyContent: 'center',
},
reportViewStyle: {
width: Scale(90),
height: 0.05,
borderWidth: 0.5,
borderColor: '#f1f1f1',
alignSelf: 'center',
marginTop: Scale(10),
},
reportViewStyle1: {
width: Scale(90),
height: 0.05,
borderWidth: 0.5,
borderColor: '#f1f1f1',
alignSelf: 'center',
},
handleName: {
alignSelf: 'flex-start',
maxWidth: widthPercentageToDP('30%'),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(116, 118, 136, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
replyStyle: {
alignSelf: 'flex-start',
marginLeft: Scale(5),
marginTop: Scale(5),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(116, 118, 136, 1)',
textAlign: 'left',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(14, true, 1),
},
editStyleFeed: {
backgroundColor: '#fff',
alignItems: 'center',
width: Scale(120),
height: Scale(130),
justifyContent: 'space-evenly',
borderRadius: Scale(10),
},
editStyleFeed1: {
backgroundColor: '#fff',
alignItems: 'center',
width: Scale(110),
height: Scale(90),
justifyContent: 'space-evenly',
},
deleteStyle: {
width: Scale(90),
height: 0.05,
borderWidth: 0.5,
borderColor: '#f1f1f1',
alignSelf: 'center',
marginTop: Scale(10),
},
popMainViewStyle: {
maxWidth: widthPercentageToDP('140%'),
marginLeft: widthPercentageToDP('18%'),
// backgroundColor: 'pink',
overflow: 'hidden',
paddingLeft: deviceBasedDynamicDimension(10, true, 1),
},
lineStyle: {
width: widthPercentageToDP('70%'),
borderWidth: Scale(0.03),
borderColor: '#00000010',
alignSelf: 'flex-start',
marginRight: widthPercentageToDP('2%'),
// backgroundColor: 'red',
},
popTextViewStyle: {
flexDirection: 'row',
// justifyContent: 'space-between',
marginVertical: Scale(10),
width: Scale(300),
flex: 1,
alignItems: 'center',
maxWidth: widthPercentageToDP('140%'),
overflow: 'hidden',
},
popTextStyle: {
flex: 0.12,
// color: '#F9705B',
color: 'rgba(255, 106, 89, 1)',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
// textAlign: 'left',
// textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
rockTextStyle: {
flex: 0.14,
color: '#00000070',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
chillMusicTextStyle: {
flex: 0.48,
color: '#F9705B',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
timePostStyle: {
width: Scale(20),
flex: 0.23,
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
paddingRight: deviceBasedDynamicDimension(5, true, 1),
marginRight: deviceBasedDynamicDimension(5, true, 1),
color: 'rgba(173, 185, 203, 1)',
textAlign: 'right',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(11, true, 1),
},
postSongStyle: {
alignSelf: 'flex-start',
maxWidth: Scale(170),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'bold',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(0, 0, 0, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Medium',
fontSize: deviceBasedDynamicDimension(18, true, 1),
},
shareImageStyle: {
width: Scale(20),
height: Scale(20),
// marginLeft: Scale(10),
// backgroundColor: 'blue',
marginHorizontal: deviceBasedDynamicDimension(10, true, 1),
opacity: 1,
resizeMode: 'contain',
},
songNameStyleTwo: {
marginVertical: Scale(5),
width: Scale(200),
// backgroundColor: 'red',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(247, 116, 97, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: FONTS.AirbnbCerealBold,
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
spotifyTypeStyle: {
marginVertical: deviceBasedDynamicDimension(3, true, 1),
width: deviceBasedDynamicDimension(220, true, 1),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(43, 40, 73, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: FONTS.AirbnbCerealBold,
fontSize: deviceBasedDynamicDimension(13, true, 1),
},
spotifyImageStyle: {
width: Scale(60),
height: Scale(60),
alignSelf: 'flex-end',
marginLeft: deviceBasedDynamicDimension(8, true, 1),
marginRight: deviceBasedDynamicDimension(5, true, 1),
opacity: 1,
},
lickMainViewStyle: {
flexDirection: 'row',
justifyContent: 'space-between',
height: Scale(40),
marginTop: Scale(10),
flex: 1,
// backgroundColor: 'yellow',
},
commentsViewStyle: {
width: deviceBasedDynamicDimension(335, true, 1),
height: deviceBasedDynamicDimension(0.05, true, 1),
borderWidth: deviceBasedDynamicDimension(0.3, true, 1),
borderColor: '#d4d3d3',
alignSelf: 'center',
overflow: 'hidden',
},
commentMainViewStyle: {
// backgroundColor: '#229954',
// marginTop: deviceBasedDynamicDimension(10, true, 1),
marginRight: deviceBasedDynamicDimension(10, true, 1),
width: deviceBasedDynamicDimension(260, true, 1),
height: deviceBasedDynamicDimension(60, true, 1),
borderRadius: Scale(30),
borderWidth: 0.8,
// elevation: 0.5,
padding: 10,
// alignItems: 'center',
justifyContent: 'space-around',
alignItems: 'center',
borderColor: '#D0CFD4',
shadowColor: 'grey',
flexDirection: 'row',
shadowOffset: {
width: 5,
height: 3,
},
shadowOpacity: 0.2,
shadowRadius: 2,
// elevation: 2,
},
doCommentStyle: {
// backgroundColor: 'pink',
width: deviceBasedDynamicDimension(320, true, 1),
height: deviceBasedDynamicDimension(60, true, 1),
alignSelf: 'center',
flexDirection: 'row',
justifyContent: 'space-between',
// padding: 5,
marginLeft: deviceBasedDynamicDimension(10, true, 1),
overflow: 'hidden',
},
commentImageStyle: {
justifyContent: 'center',
alignItems: 'center',
// backgroundColor: 'blue',
width: Scale(50),
height: Scale(60),
},
imageStyleComment: {
width: Scale(35),
height: Scale(35),
borderRadius: Scale(90),
marginRight: Scale(10),
// backgroundColor: 'red',
},
replyCommentStyle: {
width: Scale(25),
height: Scale(25),
alignSelf: 'center',
marginRight: Scale(10),
},
writeCommentStyle: {
backgroundColor: '#fff',
width: Scale(200),
// height: Scale(50),
color: '#000',
alignSelf: 'center',
justifyContent: 'center',
alignItems: 'center',
paddingHorizontal: 10,
opacity: 1,
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
// paddingRight: deviceBasedDynamicDimension(5, true, 1),
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
subCommentUserName: {
color: 'rgba(55,55,55,0.5)',
marginRight: deviceBasedDynamicDimension(5, true, 1),
// backgroundColor: 'red',
maxWidth: deviceBasedDynamicDimension(210, true, 1),
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
subCommentTimeStyle: {
color: 'rgba(55,55,55,0.5)',
maxWidth: deviceBasedDynamicDimension(210, true, 1),
// backgroundColor: 'green',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
subCommentHour: {
color: 'rgba(55,55,55,0.5)',
maxWidth: deviceBasedDynamicDimension(40, true, 1),
// backgroundColor: 'blue',
marginLeft: deviceBasedDynamicDimension(5, true, 1),
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
subCommentDescription: {
// backgroundColor: '#ee1',
width: deviceBasedDynamicDimension(220, true, 1),
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
},
mainViewofSubComment: {
flex: 1,
width: Scale(260),
alignItems: 'center',
justifyContent: 'center',
// backgroundColor: '#555fff',
alignSelf: 'flex-end',
},
replyOfCommentStyle: {
color: 'rgba(55,55,55,0.5)',
marginLeft: Scale(5),
textDecorationLine: 'underline',
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
textAlign: 'left',
// textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(13, true, 1),
},
hideAndShowStyle: {
color: '#F9705B',
marginLeft: Scale(10),
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(13, true, 1),
},
commentTextStyle: {
opacity: 1,
backgroundColor: 'transparent',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
padding: deviceBasedDynamicDimension(0, true, 1),
color: 'rgba(43, 40, 73, 1)',
textAlign: 'left',
textAlignVertical: 'top',
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(13, true, 1),
},
subCommentTimeView: {
color: 'rgba(55,55,55,0.5)',
marginLeft: deviceBasedDynamicDimension(3, true, 1),
opacity: 1,
// backgroundColor: 'blue',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
paddingRight: deviceBasedDynamicDimension(1, true, 1),
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
maxWidth: deviceBasedDynamicDimension(70, true, 1),
},
subCommentHourStyle: {
color: 'rgba(55,55,55,0.5)',
marginLeft: deviceBasedDynamicDimension(3, true, 1),
opacity: 1,
// backgroundColor: 'green',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
paddingRight: deviceBasedDynamicDimension(1, true, 1),
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
maxWidth: deviceBasedDynamicDimension(72, true, 1),
},
subCommentUserNameStyle: {
color: 'rgba(55,55,55,0.5)',
marginHorizontal: deviceBasedDynamicDimension(1, true, 1),
opacity: 1,
// backgroundColor: 'red',
fontStyle: 'normal',
fontWeight: 'normal',
includeFontPadding: false,
paddingRight: deviceBasedDynamicDimension(1, true, 1),
fontFamily: 'AirbnbCerealApp-Book',
fontSize: deviceBasedDynamicDimension(12, true, 1),
maxWidth: deviceBasedDynamicDimension(110, true, 1),
},
subCommentThreeDots: {
flex: 0.15,
// backgroundColor: '#F97D55',
alignItems: 'center',
marginLeft: Scale(10),
paddingHorizontal: Scale(10),
},
cardCOnatiner: {
padding: 0,
},
title: {
color: primaryColor,
textTransform: 'uppercase',
},
threeDotsConatiner: {
marginTop: -Scale(30),
},
descriptionText: {
marginLeft: Scale(12),
fontFamily: 'AirbnbCerealApp-Book',
color: 'rgba(44, 39, 75, 1)',
},
divider: {
color: primaryColor,
marginTop: Scale(3),
backgroundColor: primaryColor,
marginLeft: Scale(12),
marginRight: Scale(12),
},
popstyletext: {
color: primaryColor,
marginLeft: Scale(12),
},
rockstyletext: {
marginLeft: Scale(12),
},
row: {
flexDirection: 'row',
},
chillmusicTextStyle: {
color: primaryColor,
marginLeft: Scale(12),
},
timeAgo: {
marginRight: Scale(12),
},
profileView: {
flexDirection: 'row',
marginLeft: -Scale(54),
width: screenWidth,
},
replayedImage: {
width: Scale(25),
height: Scale(25),
marginLeft: Scale(15),
alignSelf: 'center',
},
rowOfRightIcons: {
flexDirection: 'row',
},
plyerBlackIcon: {
width: Scale(20),
height: Scale(20),
alignSelf: 'flex-start',
marginLeft: Scale(5),
marginRight: Scale(18),
},
viewOfTextinput: {
flexDirection: 'row',
justifyContent: 'space-between',
width: '68%',
borderWidth: 0.5,
borderColor: 'grey',
borderRadius: 45,
marginLeft: Scale(9),
height: Scale(45),
},
spotifyIcone: {
marginLeft: Scale(9),
width: Scale(30),
height: Scale(40),
},
starIcon: {
width: Scale(20),
height: Scale(20),
alignSelf: 'flex-start',
},
height: {
height: Scale(21),
},
popurity_text: {
marginTop: Scale(51),
marginLeft: Scale(21),
fontFamily: 'AirbnbCerealApp-Book',
fontSize: Scale(16),
},
divider1: {
marginLeft: Scale(21),
marginRight: Scale(21),
height: Scale(1),
marginTop: Scale(6),
backgroundColor: '#B2B2B2',
opacity: 0.5,
},
newdivider: {
marginLeft: Scale(21),
marginRight: Scale(21),
height: Scale(1),
marginTop: Scale(6),
backgroundColor: '#B2B2B2',
opacity: 0.5,
},
slide: {
alignSelf: 'center',
height: Scale(6),
width: Scale(27),
backgroundColor: '#B2B2B2',
opacity: 0.5,
borderRadius: 3,
},
topIcon: {
width: Scale(20),
height: Scale(20),
alignSelf: 'center',
},
row1: {
flexDirection: 'row',
marginLeft: Scale(21),
},
top_text: {
alignSelf: 'center',
},
time_text: {
marginLeft: Scale(21),
fontFamily: 'AirbnbCerealApp-Book',
fontSize: Scale(16),
},
divider2: {
marginTop: Scale(21),
marginBottom: Scale(21),
},
buttonContainerStyle: {
width: '70%',
alignSelf: 'center',
borderRadius: 21,
marginTop: Scale(10),
},
buttonTitleStyle: {
marginTop: Scale(5),
marginBottom: Scale(5),
},
buttonStyle: {
borderRadius: 12,
backgroundColor: primaryColor,
},
linearGradient: {
alignItems: 'center',
justifyContent: 'center',
borderTopRightRadius: Scale(10),
borderBottomRightRadius: Scale(10),
height: deviceBasedDynamicDimension(60, true, 1),
width: deviceBasedDynamicDimension(100, true, 1),
},
radiotext: {
fontSize: Scale(16),
fontFamily: FONTS.RobotoCondensedRegular,
},
noMorePost: {
fontFamily: FONTS.AppleSymbols,
fontSize: Scale(20),
fontWeight: '400',
fontStyle: 'normal',
color: '#707082',
marginHorizontal: Scale(48),
textAlign: 'center',
},
feedCardEmptyComponent: {
marginBottom: Scale(7),
},
feedCardEmptyComponentView: {
flex: 1,
marginTop: '47%',
},
renderContainer: {
flex: 1,
backgroundColor: Apptheme.getbottomFeedBackGroundColor(),
},
storyView: {
flex: 1,
backgroundColor: 'transparent',
alignItems: 'center',
justifyContent: 'center',
},
modalbox: {
height: Scale(460),
borderTopLeftRadius: Scale(30),
borderTopRightRadius: Scale(30),
backgroundColor: Apptheme.getbottomTabBgcolor(),
},
featuredContainer: {
backgroundColor: 'transparent',
borderColor: Apptheme.getfeedHeaderBgcolor(),
zIndex: 1000,
flexDirection: 'row',
justifyContent: 'space-around',
marginTop: Scale(20),
},
miniPlayerView: {
backgroundColor: 'transparent',
position: 'absolute',
bottom: '0.95%',
width: '100%',
justifyContent: 'center',
},
text: {
color: '#fff',
},
genreFeedBlockView: {
backgroundColor: 'transparent',
alignItems: 'center',
justifyContent: 'center',
},
modalContentContainer: {
flex: 1,
backgroundColor:
Platform.OS === 'ios' ? 'rgba(0,0,0,0.5)' : 'rgba(0,0,0,0.01)',
justifyContent: 'flex-end',
},
});
// Customizable Area End
Editor is loading...