update src/components/SingleProduct/ProductDesign1/index.js and Picker.js

master
mahdi 3 years ago
parent 63818ff167
commit a1d63ee600
  1. 17
      src/components/SingleProduct/ProductDesign1/index.js
  2. 5
      src/components/ThemeColor/util/Picker.js

@ -199,12 +199,15 @@ const Design1 = ({
/> />
)} )}
</div> </div>
{/* {hoverEffect && ( )} */} {hoverEffect && (
<div className="absolute right-0 bottom-0 h-full w-full group-hover:bg-blackBg group-hover:rounded group-hover:border transition duration-300 opacity-50"></div> <>
<Button <div className="absolute right-0 bottom-0 h-full w-full group-hover:bg-black group-hover:rounded group-hover:border transition duration-300 opacity-50"></div>
className={`group-hover:opacity-100 bg-blueBgColor text-white rounded p-2 text-xs opacity-0 absolute left-1/2 bottom-1/2 transform -translate-x-1/2 -translate-y-1/2`} <Button
text={"افزودن به سبد خرید"} className={`group-hover:opacity-100 bg-blue-600 text-white rounded p-2 text-xs opacity-0 absolute left-1/2 bottom-1/2 transform -translate-x-1/2 -translate-y-1/2`}
/> text={"افزودن به سبد خرید"}
/>
</>
)}
</div> </div>
); );
}; };
@ -248,7 +251,7 @@ Design1.defaultProps = {
productTags: ["ارسال رایگان", "برچسب های دیگر", "دسته بندی به صورت کادو"], productTags: ["ارسال رایگان", "برچسب های دیگر", "دسته بندی به صورت کادو"],
hoverEffect: false, hoverEffect: true,
//میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم //میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم
priceDirection: "flex-row", priceDirection: "flex-row",

@ -1,10 +1,11 @@
import { SketchPicker } from "react-color";
import { useState } from "react"; import { useState } from "react";
import { SketchPicker } from "react-color";
const Picker = ({ theme, item, setTheme }) => { const Picker = ({ theme, item, setTheme }) => {
const [color, setColor] = useState(theme[item]); const [color, setColor] = useState(theme[item]);
return ( return (
<SketchPicker <SketchPicker
className="absolute bottom-16 left-0" className="absolute bottom-0 left-1/2"
color={color} color={color}
onChange={(updatedColor) => { onChange={(updatedColor) => {
setColor(updatedColor.hex); setColor(updatedColor.hex);

Loading…
Cancel
Save