2024-03-16 14:11:43 +08:00

74 lines
1.6 KiB
JavaScript

import variables from "../../common/styles/variables";
export default {
markContainer: {
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
},
markItemText: {
color: variables.mtdGrayBase,
fontSize: variables.mtdFontSizeM,
},
markItemLine: {
width: 1,
height: 10,
marginVertical: variables.mtdVSpacingS,
backgroundColor: variables.mtdGrayLighter,
},
thumb: {
position: "absolute",
alignItems: "center",
height: 70,
width:40,
overflow: "hidden",
zIndex:1,
borderRadius: 5
},
touchArea: {
position: "absolute",
top: 0,
left: 0,
right: 0,
bottom: 0,
zIndex: 1000,
},
tip: {
zIndex: 999,
position: "absolute",
bottom: 15,
width: 300,
height: 30,
alignItems: "center",
borderRadius: 5
},
tipContent: {
alignItems: "center",
paddingHorizontal: variables.mtdHSpacingM,
paddingVertical: variables.mtdHSpacingS,
backgroundColor: variables.mtdFillBackdropDark,
borderRadius: variables.mtdRadiusS,
},
tipText: {
fontSize: variables.mtdFontSizeS,
color: variables.mtdFillBase,
textAlign: "center",
},
tipIcon: {
width: 0,
height: 0,
backgroundColor: "rgba(0, 0, 0, 0)",
borderStyle: "solid",
borderLeftWidth: 4,
borderRightWidth: 4,
borderBottomWidth: 4,
borderTopWidth: 4,
borderLeftColor: "transparent",
borderRightColor: "transparent",
borderTopColor: variables.mtdFillBackdropDark,
borderBottomColor: "transparent",
},
};
//# sourceMappingURL=styles.js.map