react-native-epic-slider
Version:
  [](https://choosealicense.com/licenses/mit/)
94 lines (93 loc) • 1.95 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _utils = require("./utils");
const styles = _reactNative.StyleSheet.create({
container: {},
trackContainer: {
height: _utils.DEFAULT_THUMB_SIZE,
justifyContent: 'center'
},
track: {
position: 'absolute',
left: 0,
right: 0,
borderRadius: _utils.DEFAULT_TRACK_HEIGHT / 2
},
progress: {
position: 'absolute',
left: 0,
borderRadius: _utils.DEFAULT_TRACK_HEIGHT / 2
},
thumb: {
position: 'absolute',
borderRadius: _utils.DEFAULT_THUMB_SIZE / 2,
shadowColor: '#22223B',
shadowOffset: {
width: 0,
height: 2
},
shadowOpacity: 0.25,
shadowRadius: 3.84,
elevation: 5,
zIndex: 2
},
valueText: {
textAlign: 'center',
marginBottom: 10,
fontSize: 16,
color: '#d9d9d9'
},
point: {
position: 'absolute',
borderRadius: 50,
zIndex: 1
},
floatingLabel: {
position: 'absolute',
zIndex: 2,
alignItems: 'center'
},
labelContainer: {
backgroundColor: '#22223B',
paddingHorizontal: 8,
paddingVertical: 4,
borderRadius: 4
},
labelText: {
color: '#FFFFFF',
fontSize: 12,
fontWeight: '600'
},
verticalContainer: {
alignItems: 'center',
justifyContent: 'center',
height: '100%'
},
verticalTrackContainer: {
width: _utils.DEFAULT_THUMB_SIZE,
height: '100%',
alignItems: 'center',
justifyContent: 'center'
},
verticalTrack: {
height: '100%',
width: _utils.DEFAULT_TRACK_HEIGHT,
position: 'absolute'
},
verticalProgress: {
width: _utils.DEFAULT_TRACK_HEIGHT,
position: 'absolute',
bottom: 0
},
verticalValueText: {
marginBottom: 0,
marginRight: 10,
writingDirection: 'ltr'
}
});
var _default = exports.default = styles;
//# sourceMappingURL=styles.js.map