42 lines
799 B
JavaScript
42 lines
799 B
JavaScript
|
export const editButtonStyle = {
|
||
|
|
position : "absolute",
|
||
|
|
top: "0",
|
||
|
|
right : "0",
|
||
|
|
backgroundColor : "#3e99ff",
|
||
|
|
borderRadius : "0 0 0 20px",
|
||
|
|
padding : ".4rem 1.2rem",
|
||
|
|
outline : "none",
|
||
|
|
color : "white",
|
||
|
|
fontFamily : "Lato",
|
||
|
|
textTransform : "uppercase"
|
||
|
|
};
|
||
|
|
|
||
|
|
export const panelStyle = {
|
||
|
|
backgroundColor: "#fafafa",
|
||
|
|
height: "100%",
|
||
|
|
width: "auto",
|
||
|
|
padding: "3rem",
|
||
|
|
};
|
||
|
|
|
||
|
|
export const editModeStyle = {
|
||
|
|
position : "absolute",
|
||
|
|
top: "15%",
|
||
|
|
right: "0",
|
||
|
|
width : "1.5rem",
|
||
|
|
height : "1.5rem",
|
||
|
|
backgroundColor : "black",
|
||
|
|
borderRadius: "100%",
|
||
|
|
zIndex : "100"
|
||
|
|
};
|
||
|
|
|
||
|
|
export const editModeIconStyle = {
|
||
|
|
position : "absolute",
|
||
|
|
top: "50%",
|
||
|
|
left: "50%",
|
||
|
|
transform : "translate(-50%, -50%)",
|
||
|
|
width: "0.75rem",
|
||
|
|
height : "0.75rem",
|
||
|
|
borderRadius : "20%",
|
||
|
|
zIndex : "101"
|
||
|
|
}
|