Cleaned up code and removed debug remnants

pull/452/head
Syed Ali Shahbaz 2021-08-15 17:05:30 +05:30
parent 81c16fea23
commit f07d727a3f
3 changed files with 6 additions and 6 deletions

View File

@ -50,7 +50,6 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
const handleZoomSliderChange = ([value]) => {
value < 1 ? setZoom(1) : setZoom(value);
// setZoom(e[0]);
}
const createImage = (url) =>

View File

@ -1,12 +1,9 @@
import React from 'react';
// import { styled } from '@stitches/react';
// import { violet, blackA } from '@radix-ui/colors';
import * as SliderPrimitive from '@radix-ui/react-slider';
const Slider = ({value, min, max, step, label, changeHandler}) => (
<SliderPrimitive.Root
className="slider mt-2"
// defaultValue={[value]}
min={min}
step={step}
max={max}

View File

@ -83,22 +83,26 @@
.slider {
@apply relative flex items-center w-40 h-4 select-none
}
.slider > .slider-track {
@apply relative flex-grow h-1 bg-neutral-400 rounded-md;
}
.slider .slider-range {
@apply absolute h-full bg-neutral-700 rounded-full
}
.slider .slider-thumb {
@apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
}
.slider .slider-thumb:hover {
@apply bg-neutral-600;
}
.slider .slider-thumb:focus {
box-shadow: 0 0 0 4px rgba(0,0,0,0.2);
}
}
/* !important to style multi-email input */