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 ${
activeAccordion === item
? "border-secondary"
: "border-surfaceBorder"
? "border-primary"
: "border-gray-100"
} cursor-pointer`}
>
<CircleInCircle
parentClassName={"bg-secondary w-0 h- "}
parentClassName={"bg-primary w-0 h- "}
childClassName={false}
/>
<h2 className="flex-1 mr-5 text-sm">{item.title}</h2>
{vod && (
<div className="flex flex-row items-center ml-5 ">
<p className="text-xs">
<p className="text-xs text-primary">
دقیقه:
<span>{item.min}</span>
</p>
<div className="w-0.5 h-4 mx-2 bg-surfaceBorder"></div>
<p className="text-xs">
<div className="w-0.5 h-4 mx-2 bg-gray-100"></div>
<p className="text-xs text-primary">
ویدیو:
<span>{item.video}</span>
</p>
@ -184,7 +184,7 @@ function AccordionDesign1({ vod }) {
{/* child */}
{activeAccordion === item &&
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">
{vod === !true && (
<img
@ -201,7 +201,7 @@ function AccordionDesign1({ vod }) {
{i + 1}
</span>
</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>
<div className="flex flex-row items-center justify-end gap-x-3 flex-1">
{vod ? (
@ -212,7 +212,7 @@ function AccordionDesign1({ vod }) {
<span>{item.min}</span>
</p>
<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={"پخش"}
/>
</div>

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

Loading…
Cancel
Save