This commit is contained in:
BFlat authored and Brandon Thomas committed 2023-05-18 13:04:07 -07:00
1 parent 826dde2dfa
commit 2b38de6fed
2 files changed
+7 -6

No files matched your search

@@ -294,7 +294,7 @@ function VcModelListPage(props: Props) {
</div>
<div>
<label className="sub-title">Pitch Shift</label>
<label className="sub-title">Pitch Control</label>
<div className="d-flex flex-column gap-3">
<PitchShiftComponent
min={-36}
@@ -375,7 +375,7 @@ function VcModelListPage(props: Props) {
</div>
<div>
<label className="sub-title">Pitch Shift</label>
<label className="sub-title">Pitch Control</label>
<div className="d-flex flex-column gap-3">
<PitchShiftComponent
min={-36}
@@ -56,7 +56,7 @@ function PitchShiftComponent({
</div>
);
const renderThumb = ({ props, isDragged }: any) => (
const renderThumb = ({ props, isDragged, isHovered }: any) => (
<Tippy
content="Semitones"
placement="bottom"
@@ -67,14 +67,15 @@ function PitchShiftComponent({
{...props}
style={{
...props.style,
height: "24px",
width: "24px",
height: "22px",
width: "22px",
borderRadius: "50%",
backgroundColor: "#62627f",
backgroundColor: isHovered ? "#fff" : "#e66462",
display: "flex",
justifyContent: "center",
alignItems: "center",
outline: "none",
boxShadow: "0px 0px 40px rgba(0, 0, 0, 0.5)", // Add soft shadow on hover
}}
></div>
</Tippy>