update src/components/ThemeColor/index.js

master
mahdi 2 years ago
parent 54c4a0ebdc
commit 66f37997a8
  1. 10
      src/components/ThemeColor/index.js

@ -37,7 +37,7 @@ const ThemeColor = () => {
<p className="text-[#64b6df] text-lg font-sansbold "> <p className="text-[#64b6df] text-lg font-sansbold ">
Original Colors Original Colors
</p> </p>
<div className="flex flex-row justify-between mt-2"> <div className="flex flex-row justify-between mt-2 gap-x-5">
<ColorCard <ColorCard
theme={theme} theme={theme}
item="primary" item="primary"
@ -80,7 +80,7 @@ const ColorCard = ({ theme, text, dark, light, item, setItem }) => {
return ( return (
<div className="flex flex-col gap-y-3"> <div className="flex flex-col gap-y-3">
<div <div
className={`flex flex-col cursor-pointer rounded-lg relative p-4 bg-${item} ${ className={`w-[344px] h-[130px] flex flex-col cursor-pointer rounded-sm relative p-4 bg-${item} ${
text ? `text-${item}Text` : "" text ? `text-${item}Text` : ""
}`} }`}
onClick={() => setItem(item)} onClick={() => setItem(item)}
@ -98,11 +98,11 @@ const ColorCard = ({ theme, text, dark, light, item, setItem }) => {
/> />
)} )}
</div> </div>
<div className="flex flex-row gap-x-3"> <div className="flex flex-row justify-around">
{" "} {" "}
{dark ? ( {dark ? (
<div <div
className={`flex-col cursor-pointer rounded-lg relative p-4 bg-${item}Dark ${ className={`flex-col cursor-pointer rounded-sm relative p-4 w-[160px] h-[75px] bg-${item}Dark ${
text ? `text-${item}Text` : "" text ? `text-${item}Text` : ""
}`} }`}
onClick={() => setItem(item + "Dark")} onClick={() => setItem(item + "Dark")}
@ -116,7 +116,7 @@ const ColorCard = ({ theme, text, dark, light, item, setItem }) => {
) : null} ) : null}
{light ? ( {light ? (
<div <div
className={`flex-col cursor-pointer rounded-lg relative p-4 bg-${item}Light ${ className={`flex flex-col cursor-pointer rounded-sm relative p-4 w-[160px] h-[75px] bg-${item}Light ${
text ? `text-${item}Text` : "" text ? `text-${item}Text` : ""
}`} }`}
onClick={() => setItem(item + "Light")} onClick={() => setItem(item + "Light")}

Loading…
Cancel
Save