update src/components/Accordion/AccordionDesign1/index.js, src/components/ButtonDesign/Button/index.js and src/components/MiniComponents/OfferSection/index.js

master
mahdi 2 years ago
parent e2ebfac5aa
commit b1534d62ad
  1. 22
      src/components/Accordion/AccordionDesign1/index.js
  2. 8
      src/components/ButtonDesign/Button/index.js
  3. 9
      src/components/MiniComponents/OfferSection/index.js

@ -53,12 +53,16 @@ const AccordionDesign1 = ({ items, vod }) => {
item.subItems.map((subItem, i) => (
<div className="flex flex-row items-center justify-between p-3 border-b-2 border-surfaceBorder cursor-pointer ">
<div className="flex flex-row items-center">
<img
src="images/accordionGroup2725.svg"
className="w-4"
alt="line"
/>
<span className="mr-3 text-sm">1</span>
{vod === !true && (
<img
src="images/accordionGroup2725.svg"
className="w-4"
alt="line"
/>
)}
<span className={`text-sm ${vod === true ? "mr-0" : "mr-3"}`}>
1
</span>
</div>
<div className="w-0.5 h-6 mx-3 bg-surfaceBorder"></div>
<p className="text-sm flex-1">{subItem.name}</p>
@ -76,7 +80,6 @@ const AccordionDesign1 = ({ items, vod }) => {
</>
) : (
<>
{" "}
<img
src="images/accordionGroup2724.svg"
className="w-8 rounded"
@ -86,7 +89,7 @@ const AccordionDesign1 = ({ items, vod }) => {
src="images/accordionGroup2723.svg"
className="w-8 rounded"
alt="edit-button"
/>{" "}
/>
</>
)}
</div>
@ -97,10 +100,11 @@ const AccordionDesign1 = ({ items, vod }) => {
</section>
);
};
export default AccordionDesign1;
AccordionDesign1.defaultProps = {
vod: false,
vod: true,
items: [
{
title:

@ -6,9 +6,15 @@ const Button = ({
icon,
text,
onClick,
sharpStyle,
}) => {
return (
<button
style={{
clipPath: sharpStyle
? "polygon(24% 0, 100% 0%, 100% 99%, 0% 100%)"
: "",
}}
onClick={onClick}
className={`flex items-center justify-center transiton ease-linear duration-200 ${className}`}
>
@ -32,4 +38,6 @@ Button.defaultProps = {
iconHolderClassName: "bg-darkGreenBg mr-2",
iconClassName: "w-4",
icon: false,
sharpStyle: false,
};

@ -4,16 +4,11 @@ import Button from "../../ButtonDesign/Button";
const OfferSection = () => {
return (
<div className="w-full flex flex-row items-center justify-between">
<button
className="bg-red-400 text-xs py-2 pr-2 pl-5"
style={{ clipPath: "polygon(24% 0, 100% 0%, 100% 99%, 0% 100%)" }}
>
mahdi
</button>
<Button
sharpStyle={true}
text={"پیشنهاد سردبیر"}
className={
"w-[120px] px-2 py-2 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
"w-[120px] py-2 pr-2 pl-5 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
}
/>
{/* divider */}

Loading…
Cancel
Save