rn-inkpad
Version:
<img src="https://res.cloudinary.com/fercloudinary/image/upload/v1715452841/packages/inkpad-banner_acl0xl.png" />
88 lines (87 loc) • 1.99 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ratingCardStyles = exports.cardImageStyles = exports.cardStyles = void 0;
const react_native_1 = require("react-native");
exports.cardStyles = react_native_1.StyleSheet.create({
cardContainer: {
width: '100%',
backgroundColor: '#FFF',
paddingHorizontal: 20,
paddingVertical: 5,
borderRadius: 3,
},
cardContent: {
flexDirection: 'row',
},
icon: {
paddingRight: 10,
paddingTop: 22,
},
title: {
fontWeight: '800',
},
description: {
paddingRight: 5,
},
buttonsContainer: {
flexDirection: 'row',
justifyContent: 'flex-end',
marginVertical: 5,
gap: 10,
},
button: {
paddingHorizontal: 10,
borderRadius: 2,
paddingVertical: 2,
},
shadow: {
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 4,
},
shadowOpacity: 0.32,
shadowRadius: 5.46,
elevation: 9,
},
});
exports.cardImageStyles = react_native_1.StyleSheet.create({
container: {
width: '100%',
aspectRatio: 16 / 9,
},
text: {
alignSelf: 'flex-end',
paddingHorizontal: 20,
marginVertical: 10,
},
});
exports.ratingCardStyles = react_native_1.StyleSheet.create({
container: {
alignSelf: 'center',
borderRadius: 10,
flexDirection: 'row',
gap: 5,
overflow: 'hidden',
position: 'absolute',
zIndex: 50,
},
information: {
paddingHorizontal: 15,
justifyContent: 'center',
},
title: {
fontSize: 15,
fontWeight: '700',
},
decription: {
fontSize: 12,
fontWeight: '300',
},
rating: {
flexDirection: 'row',
alignItems: 'center',
gap: 5,
marginTop: 2,
},
});