mirror of
https://github.com/Monadical-SAS/reflector.git
synced 2025-12-20 20:29:06 +00:00
36 lines
824 B
JavaScript
36 lines
824 B
JavaScript
import { theme } from "@chakra-ui/react";
|
|
|
|
export const waveSurferStyles = {
|
|
playerSettings: {
|
|
waveColor: theme.colors.blue[500],
|
|
progressColor: theme.colors.blue[700],
|
|
cursorColor: theme.colors.red[500],
|
|
hideScrollbar: true,
|
|
autoScroll: false,
|
|
autoCenter: false,
|
|
barWidth: 3,
|
|
barGap: 2,
|
|
cursorWidth: 2,
|
|
},
|
|
playerStyle: {
|
|
cursor: "pointer",
|
|
},
|
|
marker: `
|
|
border-left: solid 1px orange;
|
|
padding: 0 2px 0 5px;
|
|
font-size: 0.7rem;
|
|
border-radius: 0 3px 3px 0;
|
|
top: 0;
|
|
width: 100px;
|
|
max-width: fit-content;
|
|
cursor: pointer;
|
|
background-color: white;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
transition: width 100ms linear;
|
|
z-index: 0;
|
|
`,
|
|
markerHover: { backgroundColor: theme.colors.gray[200] },
|
|
};
|