Cleaned up code and removed debug remnants
This commit is contained in:
parent
81c16fea23
commit
f07d727a3f
|
@ -50,7 +50,6 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
|
||||||
|
|
||||||
const handleZoomSliderChange = ([value]) => {
|
const handleZoomSliderChange = ([value]) => {
|
||||||
value < 1 ? setZoom(1) : setZoom(value);
|
value < 1 ? setZoom(1) : setZoom(value);
|
||||||
// setZoom(e[0]);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const createImage = (url) =>
|
const createImage = (url) =>
|
||||||
|
|
|
@ -1,12 +1,9 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
// import { styled } from '@stitches/react';
|
|
||||||
// import { violet, blackA } from '@radix-ui/colors';
|
|
||||||
import * as SliderPrimitive from '@radix-ui/react-slider';
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
||||||
|
|
||||||
const Slider = ({value, min, max, step, label, changeHandler}) => (
|
const Slider = ({value, min, max, step, label, changeHandler}) => (
|
||||||
<SliderPrimitive.Root
|
<SliderPrimitive.Root
|
||||||
className="slider mt-2"
|
className="slider mt-2"
|
||||||
// defaultValue={[value]}
|
|
||||||
min={min}
|
min={min}
|
||||||
step={step}
|
step={step}
|
||||||
max={max}
|
max={max}
|
||||||
|
|
|
@ -83,22 +83,26 @@
|
||||||
.slider {
|
.slider {
|
||||||
@apply relative flex items-center w-40 h-4 select-none
|
@apply relative flex items-center w-40 h-4 select-none
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider > .slider-track {
|
.slider > .slider-track {
|
||||||
@apply relative flex-grow h-1 bg-neutral-400 rounded-md;
|
@apply relative flex-grow h-1 bg-neutral-400 rounded-md;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider .slider-range {
|
.slider .slider-range {
|
||||||
@apply absolute h-full bg-neutral-700 rounded-full
|
@apply absolute h-full bg-neutral-700 rounded-full
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider .slider-thumb {
|
.slider .slider-thumb {
|
||||||
@apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
|
@apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider .slider-thumb:hover {
|
.slider .slider-thumb:hover {
|
||||||
@apply bg-neutral-600;
|
@apply bg-neutral-600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider .slider-thumb:focus {
|
.slider .slider-thumb:focus {
|
||||||
box-shadow: 0 0 0 4px rgba(0,0,0,0.2);
|
box-shadow: 0 0 0 4px rgba(0,0,0,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* !important to style multi-email input */
|
/* !important to style multi-email input */
|
||||||
|
|
Loading…
Reference in New Issue
Block a user