2020-03-25 11:13:15 +00:00
|
|
|
export const KnobDimmerStyle = {
|
2020-03-25 16:20:53 +00:00
|
|
|
cursor: "pointer",
|
|
|
|
marginTop: "1rem",
|
|
|
|
width: "9rem",
|
|
|
|
height: "9rem",
|
|
|
|
fill: "#1a2849",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const KnobHolder = {
|
2020-03-25 16:20:53 +00:00
|
|
|
marginTop: "1rem",
|
|
|
|
cursor: "pointer",
|
|
|
|
padding: "3rem",
|
|
|
|
backgroundColor: "white",
|
|
|
|
width: "10rem",
|
|
|
|
height: "10rem",
|
|
|
|
};
|
2020-03-25 11:13:15 +00:00
|
|
|
|
|
|
|
export const KnobCircularTrack = {
|
2020-03-25 16:20:53 +00:00
|
|
|
fill: "white",
|
|
|
|
stroke: "#1a2849",
|
|
|
|
};
|
2020-03-25 11:13:15 +00:00
|
|
|
|
|
|
|
export const KnobIcon = {
|
2020-03-25 16:20:53 +00:00
|
|
|
fill: "#1a2849",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const KnobProgress = {
|
2020-03-25 16:20:53 +00:00
|
|
|
stroke: "#1a2849",
|
|
|
|
strokeWidth: "3rem",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const ValueStyle = {
|
2020-03-25 16:20:53 +00:00
|
|
|
pointerEvents: "none",
|
|
|
|
fill: "#1a2849",
|
|
|
|
fontSize: "1.3rem",
|
|
|
|
fontFamily: "Lato",
|
|
|
|
textAnchor: "middle",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const CircularThumbStyle = {
|
2020-03-25 16:20:53 +00:00
|
|
|
fill: "white",
|
|
|
|
stroke: "#1a2849",
|
|
|
|
strokeWidth: ".2rem",
|
|
|
|
r: "1.4rem",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const textStyle = {
|
2020-03-25 16:20:53 +00:00
|
|
|
position: "absolute",
|
|
|
|
fill: "#1a2849",
|
|
|
|
fontSize: "1.5rem",
|
|
|
|
fontFamily: "Lato",
|
2020-03-25 23:15:02 +00:00
|
|
|
overflow: "hidden",
|
|
|
|
whiteSpace: "nowrap",
|
|
|
|
textOverflow: "ellipsis",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const knobIcon = {
|
2020-03-25 16:20:53 +00:00
|
|
|
position: "absolute",
|
|
|
|
left: "50%",
|
|
|
|
top: "30%",
|
|
|
|
transform: "translateX(-50%)",
|
|
|
|
width: "2rem",
|
|
|
|
height: "2rem",
|
2020-03-25 11:13:15 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const knobContainer = {
|
2020-03-25 16:20:53 +00:00
|
|
|
position: "relative",
|
|
|
|
width: "9rem",
|
|
|
|
height: "9rem",
|
|
|
|
};
|