update src/components/Accordion/AccordionDesign1/index.js and default.js

master
mahdi 2 years ago
parent 3a37df7b45
commit 62ccaefbbe
  1. 18
      src/components/Accordion/AccordionDesign1/index.js
  2. 4
      src/components/ThemeColor/default.js

@ -149,23 +149,23 @@ function AccordionDesign1({ vod }) {
} }
className={`flex flex-row items-center justify-between px-3 py-4 border-b-2 ${ className={`flex flex-row items-center justify-between px-3 py-4 border-b-2 ${
activeAccordion === item activeAccordion === item
? "border-secondary" ? "border-primary"
: "border-surfaceBorder" : "border-gray-100"
} cursor-pointer`} } cursor-pointer`}
> >
<CircleInCircle <CircleInCircle
parentClassName={"bg-secondary w-0 h- "} parentClassName={"bg-primary w-0 h- "}
childClassName={false} childClassName={false}
/> />
<h2 className="flex-1 mr-5 text-sm">{item.title}</h2> <h2 className="flex-1 mr-5 text-sm">{item.title}</h2>
{vod && ( {vod && (
<div className="flex flex-row items-center ml-5 "> <div className="flex flex-row items-center ml-5 ">
<p className="text-xs"> <p className="text-xs text-primary">
دقیقه: دقیقه:
<span>{item.min}</span> <span>{item.min}</span>
</p> </p>
<div className="w-0.5 h-4 mx-2 bg-surfaceBorder"></div> <div className="w-0.5 h-4 mx-2 bg-gray-100"></div>
<p className="text-xs"> <p className="text-xs text-primary">
ویدیو: ویدیو:
<span>{item.video}</span> <span>{item.video}</span>
</p> </p>
@ -184,7 +184,7 @@ function AccordionDesign1({ vod }) {
{/* child */} {/* child */}
{activeAccordion === item && {activeAccordion === item &&
item.subItems.map((subItem, i) => ( item.subItems.map((subItem, i) => (
<div className="flex flex-row items-center justify-between p-3 border-b-2 border-surfaceBorder cursor-pointer transition-all duration-500 ease-in-out"> <div className="flex flex-row items-center justify-between p-3 border-b-2 border-primary cursor-pointer transition-all duration-500 ease-in-out">
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
{vod === !true && ( {vod === !true && (
<img <img
@ -201,7 +201,7 @@ function AccordionDesign1({ vod }) {
{i + 1} {i + 1}
</span> </span>
</div> </div>
<div className="w-0.5 h-5 mx-3 bg-surfaceBorder"></div> <div className="w-0.5 h-5 mx-3 bg-primary"></div>
<p className="text-sm flex-1">{subItem.name}</p> <p className="text-sm flex-1">{subItem.name}</p>
<div className="flex flex-row items-center justify-end gap-x-3 flex-1"> <div className="flex flex-row items-center justify-end gap-x-3 flex-1">
{vod ? ( {vod ? (
@ -212,7 +212,7 @@ function AccordionDesign1({ vod }) {
<span>{item.min}</span> <span>{item.min}</span>
</p> </p>
<Button <Button
className="px-2 py-1 text-primary text-sm border border-surfaceBorder rounded mr-4" className="px-2 py-1 text-primary text-sm border border-primary rounded mr-4"
text={"پخش"} text={"پخش"}
/> />
</div> </div>

@ -7,9 +7,9 @@ const defaultTheme = {
secondaryText: "#000000", secondaryText: "#000000",
secondaryDark: "#008868", secondaryDark: "#008868",
secondaryLight: "#4effd5", secondaryLight: "#4effd5",
background: "#ffffff", background: "#f5f5f5",
backgroundText: "#000000", backgroundText: "#000000",
surface: "#6eb1d2", surface: "#ffffff",
surfaceText: "#000000", surfaceText: "#000000",
surfaceBorder: "#c8d6e5", surfaceBorder: "#c8d6e5",
info: "#43c1ff", info: "#43c1ff",

Loading…
Cancel
Save